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("用戶提交表單");
      })
})

主頁傳送門