JQuery的bind()方法是實現事件綁定的一個重要方法,其中又包括change事件綁定函數。change事件可以監聽表單元素的變化,當表單元素的值發生改變時,綁定該事件的函數將被觸發。
//綁定change事件 $("input[type='text']").bind('change', function(){ //do something });
該代碼可以監聽頁面上所有type為“text”的input元素的變化,并在觸發改變時執行“do something”的操作。如果需要綁定特定元素的change事件,可以使用該元素的id或class進行選擇器的篩選。
//綁定特定元素的change事件 $("#myInput").bind('change', function(){ //do something });
使用bind()方法綁定事件可以實現跨瀏覽器兼容性,并且綁定多個事件時會在事件執行順序上有所保障,這是使用on()方法無法達到的效果。
需要注意的是,change事件只有在輸入框失去焦點的時候才會觸發,如果需要在輸入時實時觸發事件,可以使用input事件。
//綁定input事件 $("#myInput").bind('input', function(){ //do something });