Bagaimana untuk Mengesan Perubahan Input dalam Masa Nyata dalam Mana-mana Pelayar dengan jQuery?

Kesan Perubahan Input Serta-merta dalam Mana-mana Pelayar Menggunakan jQuery

Anda mahu menangkap sebarang perubahan nilai dalam elemen dalam masa nyata, dicetuskan bukan sahaja oleh penekanan kekunci tetapi juga oleh tindakan seperti salin/tampal, pengubahsuaian JavaScript, pelengkapan automatik penyemak imbas dan penetapan semula borang. Berikut ialah penyelesaian jQuery yang teguh yang mengendalikan perubahan ini secara konsisten merentas pelayar:

Pelaksanaan:

<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>

Nota:

• .bind() telah ditamatkan dalam jQuery versi 3.0, jadi gunakan .on() sebaliknya untuk jQuery versi 1.7 atau lebih baru.
• Pendekatan ini memastikan perubahan dikesan serta-merta, tidak seperti menggunakan setInterval atau setTimeout, yang memperkenalkan kelewatan.

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Perubahan Input dalam Masa Nyata dalam Mana-mana Pelayar dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!