jQuery的input事件是在輸入框有用戶輸入的時候觸發的事件。當用戶選擇輸入框中的文本或輸入文本時,input事件就會被觸發。這個事件非常適合用來處理實時輸入,比如搜索框或用戶名驗證等功能。
$('input').on('input', function() { console.log($(this).val()); });
上面的代碼是一個簡單的例子,當輸入框有輸入的時候就會調用這個事件,打印輸入框里的值。
另外,有時候我們需要根據輸入框的值做些其他操作,比如在輸入框中輸入文字時,動態顯示搜索結果。在這種情況下,我們可以使用ajax請求,從服務器獲取相關數據并更新頁面。
$('input').on('input', function() { var value = $(this).val(); $.ajax({ url: 'http://example.com/search/', type: 'POST', data: {query: value}, dataType: 'json', success: function(data) { // 根據返回的數據更新頁面 } }); });
在上面的例子中,當輸入框中有數據輸入時,發送一個ajax請求到服務器,請求相關數據。在服務器返回數據后,我們可以使用success回調函數來更新頁面。
總的來說,input事件是一個非常實用的事件,可以解決很多實時輸入問題。當然,我們也需要注意性能問題,因為input事件會頻繁觸發,所以需要合理使用。