Rumah > Artikel > hujung hadapan web > Cara Mengesan Perubahan Input dalam jQuery: Pendekatan Komprehensif Melangkaui Acara Fokus
Mengendalikan Perubahan Input dengan jQuery: Pendekatan Komprehensif
Untuk menangani sifat dinamik nilai input, artikel ini meneroka pendekatan yang mantap untuk mengesan perubahan kepada
Penyelesaian jQuery
Untuk melaksanakan pemantauan menyeluruh ini , kami memanfaatkan kaedah .bind(). Kaedah serba boleh ini membolehkan kami menentukan berbilang jenis acara, memastikan fungsi kami digunakan apabila sebarang perubahan yang dikesan:
<code class="jquery">$('.myElements').each(function() { var elem = $(this); // Store initial value elem.data('oldVal', elem.val()); // Monitor for value changes elem.bind("propertychange change click keyup input paste", function(event){ // Check if value has changed if (elem.data('oldVal') != elem.val()) { // Update stored value elem.data('oldVal', elem.val()); // Trigger desired action .... } }); });</code>
Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa .bind() telah ditamatkan dalam versi jQuery 3.0 . Bagi mereka yang menggunakan versi yang lebih baharu, .on() menyediakan alternatif yang setara dan disyorkan.
Atas ialah kandungan terperinci Cara Mengesan Perubahan Input dalam jQuery: Pendekatan Komprehensif Melangkaui Acara Fokus. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!