使用 JQuery 立即偵測輸入文字欄位的變更
使用輸入文字欄位時，立即追蹤其值變更至關重要。這可滿足按鍵、複製/貼上操作、JavaScript 修改、瀏覽器或工具列自動完成以及表單重設等操作。利用 JQuery 提供了靈活性和跨瀏覽器相容性。
為了實現這一目標，JQuery 提供了一種使用 .bind() 的強大方法。考慮以下程式碼片段：
$('.myElements').each(function() {
var elem = $(this);
// Store the initial value
elem.data('oldVal', elem.val());
// Monitor for value changes
elem.bind("propertychange change click keyup input paste", function(event) {
// If the value has changed...
if (elem.data('oldVal') != elem.val()) {
// Update the stored value
elem.data('oldVal', elem.val());
// Execute desired action
// ...
}
});
});請注意，.bind() 在 jQuery 版本 3.0 中已被棄用。對於 1.7 或更高版本，請切換到 .on()。
使用此解決方案，您可以有效偵測輸入文字欄位的所有變更並做出相應反應。
以上是如何使用 JQuery 即時檢測輸入文字欄位的變更？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
