Bagaimanakah Saya Boleh Mengesan Perubahan Input Langsung dalam jQuery?

Mengesan Perubahan Input Langsung dengan jQuery

acara .change() jQuery hanya menyala apabila elemen input kehilangan fokus, yang boleh menyusahkan apabila anda perlu bertindak balas terhadap perubahan nilai apabila ia berlaku. Berikut ialah beberapa kaedah yang boleh anda gunakan untuk mengesan perubahan input langsung dalam jQuery:

Kaedah 1: Gunakan Peristiwa input

Pelayar moden menyokong acara input, yang menyala pada bila-bila masa nilai medan input berubah. Dalam jQuery, anda boleh mengikat acara ini seperti:

$('#someInput').bind('input', function() {
    $(this).val() // Get the current value of the input field
});

Kaedah 2: Gunakan Acara keyup

Untuk pelayar lama, anda boleh menggunakan acara keyup . Walau bagaimanapun, ambil perhatian bahawa peristiwa ini boleh berlaku walaupun tiada perubahan dibuat pada nilai input, seperti apabila kekunci Shift dilepaskan.

$('#someInput').keyup(function() {
    $(this).val() // Get the current value of the input field
});

Kaedah 3: Gunakan Pemasa

Untuk mengurangkan had acara keyup, anda boleh menetapkan pemasa untuk menyemak nilai medan input secara berkala. Ini boleh dilakukan menggunakan setInterval() atau setTimeout().

setInterval(function() {
    var newValue = $('#someInput').val();
    // Do something with the new value
}, 100);

Dengan menggunakan kaedah ini, anda boleh mengesan perubahan input langsung dalam jQuery dengan mudah, membolehkan anda melakukan tindakan atau membuat panggilan ke perkhidmatan sebaik sahaja nilai input diubah suai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Perubahan Input Langsung dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!