acara perubahan jQuery textbox tidak menyala sampai textbox kehilangan fokus?

Saya menemukan bahwa acara perubahan jQuery di kotak teks tidak menyala sampai saya mengklik di luar kotak teks.

HTML:

<input type="text" id="textbox" />

JS:

$("#textbox").change(function() {alert("Change detected!");});

Lihat demo di JSFiddle

Aplikasi saya mengharuskan acara yang akan dipecat pada setiap perubahan karakter di kotak teks. Saya bahkan mencoba menggunakan keyup sebagai gantinya ...

$("#textbox").keyup(function() {alert("Keyup detected!");});

... tapi ini adalah fakta yang diketahui bahwa acara keyup tidak diaktifkan pada klik kanan dan tempel.

Ada solusi? Apakah kedua pendengar akan menyebabkan masalah?

Mengikat kedua peristiwa adalah cara khas untuk melakukannya. Anda juga dapat mengikat ke acara tempel.

Anda dapat mengikat ke beberapa acara seperti ini:

$("#textbox").on('change keyup paste', function() {
    console.log('I am pretty sure the text box changed');
});

Jika Anda ingin bertele-tele tentang itu, Anda juga harus mengikat mouseup untuk melayani menyeret teks, dan menambahkan lastValuevariabel untuk memastikan bahwa teks benar-benar berubah:

var lastValue = '';
$("#textbox").on('change keyup paste mouseup', function() {
    if ($(this).val() != lastValue) {
        lastValue = $(this).val();
        console.log('The text box really changed this time');
    }
});

Dan jika Anda ingin menjadi super duperbertele - tele maka Anda harus menggunakan penghitung waktu interval untuk memenuhi pengisian otomatis, plugin, dll:

var lastValue = '';
setInterval(function() {
    if ($("#textbox").val() != lastValue) {
        lastValue = $("#textbox").val();
        console.log('I am definitely sure the text box realy realy changed this time');
    }
}, 500);

Pada browser modern, Anda dapat menggunakan yang inputacara :

DEMO

$("#textbox").on('input',function() {alert("Change detected!");});

$(this).bind('input propertychange', function() {
        //your code here
    });

Ini berfungsi untuk mengetik, menempel, klik kanan mouse paste dll.

if you write anything in your textbox, the event gets fired.
code as follows :

HTML:

<input type="text" id="textbox" />

JS:

<script type="text/javascript">
  $(function () {
      $("#textbox").bind('input', function() {
      alert("letter entered");
      });
   });
</script>

Coba ini:

$("#textbox").bind('paste',function() {alert("Change detected!");});

Lihat demo di JSFiddle .

Coba Kode di bawah ini:

$("#textbox").on('change keypress paste', function() {
  console.log("Handler for .keypress() called.");
});

Membaca komentar Anda membawa saya ke perbaikan kotor. Ini bukan cara yang benar, saya tahu, tetapi bisa menjadi solusi.

$(function() {
    $( "#inputFieldId" ).autocomplete({
        source: function( event, ui ) {
            alert("do your functions here");
            return false;
        }
    });
});