Bagaimana untuk Mengesan Perubahan pada Medan Teks Input dalam Masa Nyata dengan JQuery?

Kesan Perubahan pada Medan Teks Input Serta-merta dengan JQuery

Apabila bekerja dengan medan teks input, adalah penting untuk menjejaki perubahan nilainya dengan segera. Ini memenuhi tindakan seperti penekanan kekunci, operasi salin/tampal, pengubahsuaian JavaScript, pelengkapan automatik penyemak imbas atau bar alat dan penetapan semula borang. Menggunakan JQuery menyediakan fleksibiliti dan keserasian merentas pelayar.

Untuk mencapai matlamat ini, JQuery menawarkan pendekatan yang mantap menggunakan .bind(). Pertimbangkan coretan kod berikut:

$('.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
      // ...
    }
  });
});

Perhatikan bahawa .bind() telah ditamatkan dalam jQuery versi 3.0. Untuk versi 1.7 atau lebih baharu, tukar kepada .on().

Dengan penyelesaian ini, anda boleh mengesan semua perubahan pada medan teks input dengan cekap dan bertindak balas dengan sewajarnya.

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Perubahan pada Medan Teks Input dalam Masa Nyata dengan JQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!