Eingangsänderung in jQuery erkennen?

Wenn Sie jquery .changefür ein verwenden, wird inputdas Ereignis nur ausgelöst, wenn die Eingabe den Fokus verliert

In meinem Fall muss ich den Dienst anrufen (prüfen, ob der Wert gültig ist), sobald der Eingabewert geändert wird. Wie könnte ich das erreichen?

AKTUALISIERT zur Verdeutlichung und zum Beispiel

Beispiele: http://jsfiddle.net/pxfunc/5kpeJ/

Methode 1. inputEreignis

In modernen Browsern verwenden Sie das inputEreignis. Dieses Ereignis wird ausgelöst, wenn der Benutzer in ein Textfeld tippt, einfügt oder rückgängig macht, im Grunde immer dann, wenn sich der Wert von einem Wert zum anderen ändert.

In jQuery machen Sie das so

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

ab jQuery 1.7 ersetzen binddurch on:

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

Methode 2. keyupEreignis

Für ältere Browser wird das keyupEreignis verwendet (dies wird ausgelöst, sobald eine Taste auf der Tastatur losgelassen wurde. Dieses Ereignis kann eine Art falsches Positiv ergeben, da bei der Freigabe von "w" der Eingabewert geändert wird und das keyupEreignis ausgelöst wird, aber auch, wenn das Die Umschalttaste wird losgelassen, keyupwenn das Ereignis ausgelöst wird, aber keine Änderung an der Eingabe vorgenommen wurde.). Diese Methode wird auch nicht ausgelöst, wenn der Benutzer mit der rechten Maustaste auf das Kontextmenü klickt und es einfügt:

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

Methode 3. Timer ( setIntervaloder setTimeout)

Um die Einschränkungen zu keyupumgehen, können Sie einen Timer einstellen, der den Wert der Eingabe regelmäßig überprüft, um eine Wertänderung festzustellen. Sie können diese Timerprüfung verwenden setIntervaloder durchführen setTimeout. Sehen Sie sich die markierte Antwort auf diese SO-Frage an: Ereignis zum Ändern des jQuery-Textfelds oder sehen Sie sich die Geige an, um ein Arbeitsbeispiel mit focusund blurevents zum Starten und Stoppen des Timers für ein bestimmtes Eingabefeld zu verwenden

Wenn Sie HTML5 haben:

• oninput (wird nur ausgelöst, wenn tatsächlich eine Änderung erfolgt, dies jedoch sofort)

Andernfalls müssen Sie nach all diesen Ereignissen suchen, die möglicherweise auf eine Änderung des Werts des Eingabeelements hinweisen:

• onchange
• onkeyup( nicht keydown oder keypressda der Wert der Eingabe noch keinen neuen Tastenanschlag enthält)
• onpaste (wenn unterstützt)

und vielleicht:

• onmouseup (Da bin ich mir nicht sicher)

Mit HTML5 und ohne Verwendung von jQuery können Sie das inputEreignis verwenden :

var input = document.querySelector('input');

input.addEventListener('input', function()
{
    console.log('input changed to: ', input.value);
});

Dies wird jedes Mal ausgelöst, wenn sich der Text der Eingabe ändert.

Unterstützt in IE9 + und anderen Browsern.

Probieren Sie es hier live in einer jsFiddle aus .

Wie andere bereits vorgeschlagen haben, besteht die Lösung in Ihrem Fall darin, mehrere Ereignisse zu erfassen .
Plugins, die diesen Job ausführen, warten häufig auf die folgenden Ereignisse:

$ input.on ('Tastendruck ändern Tastendruck maused Mausklick', Handler);. on ( 'Tastendruck-Tastendruck ändern, Mausklick-Mausklick' , Handler );

Wenn Sie denken , es kann passen, können Sie hinzufügen focus, blurund andere zu Veranstaltungen.
Ich schlage vor, die zu hörenden Ereignisse nicht zu überschreiten, da im Browser-Speicher weitere Prozeduren geladen werden, die entsprechend dem Verhalten des Benutzers ausgeführt werden sollen.

Achtung: Beachten Sie, dass das Ändern des Werts eines Eingabeelements mit JavaScript (z. B. über die jQuery- .val()Methode) keines der oben genannten Ereignisse auslöst.
(Referenz: https://api.jquery.com/change/ ).

Wenn Sie möchten, dass das Ereignis ausgelöst wird, wenn sich innerhalb des Elements etwas ändert, können Sie das Keyup- Ereignis verwenden.

// .blur wird ausgelöst, wenn das Element den Fokus verliert

$('#target').blur(function() {
  alert($(this).val());
});

// Um ​​manuell auszulösen, verwenden Sie:

$('#target').blur();

Es gibt jQuery-Ereignisse wie Keyup und Keypress, die Sie mit eingegebenen HTML-Elementen verwenden können. Sie können zusätzlich das Ereignis blur () verwenden .

Dies umfasst jede Änderung an einer Eingabe mit jQuery 1.7 und höher:

$(".inputElement").on("input", null, null, callbackFunction);