jQuery表单事件

jQuery在处理表单上也做了事件处理

目录

focus()

blur()

change()

select()

submit()

---

focus()

描述：获取焦点出发事件 ：适用于所有元素。

$(function(){
     $('#target').focus(function(){
         console.log(123);
     })
})

blur()

描述：失去焦点触发事件 ：适用于所用元素

$(function(){
    $('input').eq(1).blur(function(){
          console.log(2);
     })
})

change()

描述：当输入框的值改变的时候失去焦点触发事件 ：仅适用于input , textarea select。

$(function(){
     $('#target').change(function(){
           console.log($(this).val());
      })
})

select()

描述：当输入框中的值被选中的时候触发该事件 ：仅适用于 input(type = text) 和textarea

$(function(){
      $('#target').select(function(){
           console.log("选中");
      })
})

submit()

描述：当用户试图提交表单的时候触发该事件 仅适用于form表单上。

$(function(){
      $('form').submit(function(){
          console.log("用户提交表单");
      })
})

主页传送门