首页 > 代码库 > jquery 事件--表单事件

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 事件--表单事件