Zdarzenie zmiany pola tekstowego jQuery nie jest uruchamiane, dopóki pole tekstowe nie straci fokusu?

Zauważyłem, że zdarzenie zmiany jQuery w polu tekstowym nie jest uruchamiane, dopóki nie kliknę poza polem tekstowym.

HTML:

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

JS:

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

Zobacz demo na JSFiddle

Moja aplikacja wymaga, aby zdarzenie było uruchamiane przy każdej zmianie znaku w polu tekstowym. Próbowałem nawet zamiast tego użyć klucza ...

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

... ale jest to znany fakt, że zdarzenie keyup nie jest uruchamiane po kliknięciu prawym przyciskiem myszy i wklejeniu.

Jakieś obejście? Czy posiadanie obu słuchaczy spowoduje jakieś problemy?

Wiązanie się z obydwoma zdarzeniami jest typowym sposobem. Możesz również powiązać się ze zdarzeniem wklejania.

Możesz powiązać wiele wydarzeń, takich jak to:

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

Jeśli chcesz podejść do tego pedantycznie, powinieneś również ustawić kursor myszy, aby umożliwić przeciąganie tekstu i dodać lastValuezmienną, aby upewnić się, że tekst faktycznie się zmienił:

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');
    }
});

A jeśli chcesz być super duperpedantyczny, powinieneś użyć timera interwałów, aby zapewnić automatyczne napełnianie, wtyczki itp:

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);

W nowoczesnych przeglądarkach, można użyć na inputimprezę :

PRÓBNY

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

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

Działa to na pisanie, wklejanie, wklejanie prawym przyciskiem myszy itp.

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>

Spróbuj tego:

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

Zobacz demo na JSFiddle .

Wypróbuj poniższy kod:

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

Przeczytanie twoich komentarzy doprowadziło mnie do nieprzyjemnej sytuacji. Wiem, że to nie jest właściwy sposób, ale można go obejść.

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