input事件是jQuery中的一個重要事件,它在用戶輸入內容后觸發。這個事件經常被用來實時檢測用戶輸入的內容,從而進行一些動態操作。
$(document).ready(function(){ $("input").on("input", function(){ var inputVal = $(this).val(); // 獲取輸入框的值 console.log(inputVal); // 輸出輸入框的值 }); });
上面的代碼展示了一個簡單的示例,當輸入框的值發生變化時,會觸發input事件,并打印出輸入框的值。如果我們在輸入框中輸入"hello",那么控制臺將會輸出"hello"。
除了監聽用戶輸入的內容,我們還可以在input事件中進行其他一些動態操作。例如,當用戶輸入的內容符合某個條件時,我們可以展示一個提示信息,或者把另一個輸入框的值做相應的變化等等。
$(document).ready(function(){ $("input").on("input", function(){ var inputVal = $(this).val(); // 獲取輸入框的值 if (inputVal.length >10) { $("#error").text("輸入內容太長!"); } else { $("#error").text(""); } }); });
這里我們給輸入框設置了一個長度的限制,當輸入的字符數超過10時,會展示一個錯誤提示信息。如果輸入框的字符數在10以內,那么提示信息會被清空。
總之,input事件是非常實用的一個事件,它可以讓我們實時獲取用戶輸入的內容,同時也能夠進行一些動態操作以增強用戶體驗。