Das jQuery-Textfeldänderungsereignis wird erst ausgelöst, wenn das Textfeld den Fokus verliert.

Ich habe festgestellt, dass das jQuery-Änderungsereignis in einem Textfeld erst ausgelöst wird, wenn ich außerhalb des Textfelds klicke.

HTML:

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

JS:

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

Siehe Demo zu JSFiddle

In meiner Anwendung muss das Ereignis bei jeder Zeichenänderung im Textfeld ausgelöst werden. Ich habe sogar versucht, stattdessen Keyup zu verwenden ...

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

... aber es ist bekannt, dass das Keyup-Ereignis nicht beim Klicken mit der rechten Maustaste ausgelöst wird.

Irgendeine Problemumgehung? Wird es Probleme geben, wenn beide Hörer Probleme haben?

Die Bindung an beide Ereignisse ist der typische Weg, dies zu tun. Sie können auch an das Einfügeereignis binden.

Sie können an mehrere Ereignisse wie folgt binden:

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

Wenn Sie pedantisch sein möchten, sollten Sie sich auch an mouseup binden, um das Ziehen von Text zu ermöglichen, und eine lastValueVariable hinzufügen , um sicherzustellen, dass sich der Text tatsächlich geändert hat:

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

Und wenn Sie super duperpedantisch sein möchten, sollten Sie einen Intervall-Timer verwenden, um die automatische Füllung, Plugins usw. zu berücksichtigen:

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

In modernen Browsern können Sie das inputEreignis verwenden :

DEMO

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

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

Dies funktioniert zum Tippen, Einfügen, Klicken mit der rechten Maustaste usw.

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>

Versuche dies:

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

Siehe Demo zu JSFiddle .

Versuchen Sie den folgenden Code:

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

Das Lesen Ihrer Kommentare brachte mich zu einer schmutzigen Lösung. Ich weiß, dass dies kein richtiger Weg ist, aber eine Lösung sein kann.

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