首頁 > web前端 > js教程 > 如何使用 jQuery 在任何瀏覽器中即時檢測輸入變化?

如何使用 jQuery 在任何瀏覽器中即時檢測輸入變化?

Barbara Streisand
發布: 2024-10-30 04:48:28
原創
490 人瀏覽過

How to Detect Input Changes in Real Time in Any Browser with jQuery?

使用jQuery 在任何瀏覽器中立即偵測輸入變更

您想要擷取即時元素,不僅可以透過按鍵觸發,還可以透過複製/貼上、JavaScript 修改、瀏覽器自動完成和表單重置等操作觸發。這是一個強大的jQuery 解決方案,可以跨瀏覽器一致地處理這些變更:

實作:

<code class="javascript">$('.myElements').each(function() {
  const elem = $(this);

  // Store the initial value
  elem.data('oldVal', elem.val());

  // Bind to change events
  elem.on("propertychange change click keyup input paste", function(event) {
    // Check if the value has changed
    if (elem.data('oldVal') != elem.val()) {
      // Update the stored value
      elem.data('oldVal', elem.val());

      // Perform your desired action when the value changes
      // ...
    }
  });
});</code>
登入後複製

注意:

  • 注意:
注意:注意: .bind() 在jQuery 3.0 版本中已棄用,因此對於jQuery 1.7 或更高版本,請使用.on() 代替。 此方法可確保立即偵測到更改,這與使用 setInterval 或 setTimeout 不同,後者造成延誤。

以上是如何使用 jQuery 在任何瀏覽器中即時檢測輸入變化?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板