Bagaimana untuk Mengesan Setiap Perubahan pada Medan Input Teks dengan jQuery?

Merakam Setiap Perubahan kepada Input Teks dengan jQuery

Kesan sebarang pengubahsuaian kepada nilai medan teks input, tanpa mengira kaedah (cth., kekunci tekan, copy/ tampal, suntingan JavaScript, autolengkap). Pastikan perubahan didaftarkan serta-merta menggunakan jQuery.

Penyelesaian

Laksanakan penyelesaian yang mantap dan serasi penyemak imbas ini menggunakan jQuery's .bind():

$('.myElements').each(function() {
   let elem = $(this);

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

   // Monitor value alterations
   elem.bind("propertychange change click keyup input paste", function(event) {
      if (elem.data('oldVal') != elem.val()) {
         elem.data('oldVal', elem.val());

         // Custom action upon change
         ...
      }
   });
});

Nota : Gantikan '.myElements' dengan pemilih untuk medan input anda.

Untuk jQuery versi 3.0 atau lebih baru, gunakan .on() dan bukannya .bind():

$('.myElements').each(function() {
   let elem = $(this);

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

   // Monitor value alterations
   elem.on("propertychange change click keyup input paste", function(event) {
      if (elem.data('oldVal') != elem.val()) {
         elem.data('oldVal', elem.val());

         // Custom action upon change
         ...
      }
   });
});

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