jquery 事件--表单事件

Posted DOIT

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 事件--表单事件相关的知识,希望对你有一定的参考价值。

一、focus() 与 blur()

与focusin() , focusout() 的区别:是否支持冒泡处理

focusin(): 事件绑定在父元素div,当它内部 有input获得焦点,会冒泡给父元素div。focusout() 也是

 

<div class="box">
   点击触发焦点(无反应):
  <input type="text" />
</div>
 $(".box").focusin(function() {
     $(this).css(‘border‘, ‘2px solid red‘);// 点击input,input获得焦点,冒泡到父元素div ,父元素div加上了边框,$(this)代表父元素.box而不是点击的input元素
 })

但一般直接 绑定到input上 如: $("input").focus(),$(‘input‘).focusin()

 

二、 

以上是关于jquery 事件--表单事件的主要内容,如果未能解决你的问题,请参考以下文章

jQuery-3.事件篇---表单事件

表单事件(jQuery)

jQuery基础(鼠标事件,表单事件,键盘事件,自定义事件 篇)

使用 JQuery ajax 在 DOM 操作后附加事件

jquery 事件--表单事件

JQuery——表单事件