在 jQuery 中,我們可以使用input
事件來監聽表單元素的值改變,這樣就可以及時的處理表單值的變化了。
// 監聽 input 值改變事件 $('input').on('input', function() { // 處理值改變事件 });
上面的代碼演示了如何監聽input
值改變事件,并在回調函數中處理事件。
如果你要監聽多種表單元素的值改變事件,可以使用:input
選擇器,例如:
// 監聽所有 input、textarea、select 等表單元素的值改變事件 $(':input').on('input', function() { // 處理值改變事件 });
:input
選擇器可以匹配所有的表單元素。
除了監聽input
值改變事件以外,還可以監聽change
事件。不同的是,input
事件在值改變時立刻觸發,而change
事件在表單元素失去焦點后才觸發。
// 監聽 change 值改變事件 $('input').on('change', function() { // 處理值改變事件 });
在使用input
或change
事件監聽表單值改變時,尤其要注意IE瀏覽器的兼容性問題,建議使用最新版的 jQuery。