jQuery是一種被廣泛使用的 JavaScript 庫,它簡化了 HTML 文檔遍歷和操作、事件處理、動畫效果和Ajax等操作。
在jQuery中,input事件是一個用戶輸入文本的事件,無論是鍵盤輸入還是鼠標粘貼,均會觸發該事件。
$('input').on('input',function(){ console.log($(this).val()); });
例如,以上代碼使用on方法綁定一個input事件,在用戶輸入文本時,使用console.log打印當前輸入框的值。
除了input事件之外,還有一些其他事件也可以使用,例如change事件和propertychange事件。
change事件在輸入框失去焦點時觸發,而propertychange事件則可以檢測到輸入框中任何一次屬性變化,包括文本、值、大小寫等等。
$('input').on('change',function(){ console.log($(this).val()); }); $('input').on('propertychange',function(){ console.log($(this).val()); });
無論哪種事件,都非常實用。例如,在制作表單驗證時,可以使用input事件實時檢測用戶的輸入,change事件檢測用戶在輸入完畢后是否符合條件,propertychange事件則可以檢測到文本的任何變化。