Eingangsänderung in jQuery erkennen?

Bei der Verwendung von jquery .change auf eine input das Ereignis wird nur ausgelöst, wenn der Eingang den Fokus verliert

In meinem Fall, ich brauche, um einen Anruf zu dem Dienst (prüfen Sie, ob der Wert auch gültig ist), sobald der eingegeben Wert geändert wird. Wie könnte ich dies erreichen?

InformationsquelleAutor der Frage Banshee | 2011-06-23

  1. 477

    AKTUALISIERT für Erklärung und Beispiel

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

    Methode 1. input Veranstaltung

    In modernen Browsern verwenden Sie die input Veranstaltung. Dieses Ereignis wird ausgelöst, wenn der Benutzer die Eingabe in ein Textfeld, einfügen, rückgängig machen, im Grunde, wenn der Wert geändert, wird von einem Wert zu einem anderen.

    In jQuery tun, wie diese

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

    beginnend mit jQuery 1.7, ersetzen bind mit on:

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

    Methode 2. keyup Veranstaltung

    Für ältere Browser verwenden Sie die keyup event (dieses wird ausgelöst, sobald eine Taste auf der Tastatur gelöst hat, dieses Ereignis geben können, eine Art " false-positive, weil, wenn "w" wird veröffentlicht und die input-Wert geändert und die keyup - Ereignis ausgelöst wird, sondern auch, wenn die "shift" - Taste losgelassen wird, die keyup event feuert, aber keine änderung vorgenommen wurde, um den Eingang.). Auch bei dieser Methode nicht ausgelöst, wenn der Benutzer mit der rechten Maustaste und Pasten aus dem Kontext-Menü:

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

    Methode 3. Timer (setInterval oder setTimeout)

    Zu bekommen, um die Grenzen der keyup Sie können einen timer einstellen, um in regelmäßigen Abständen überprüfen Sie den Wert der Eingabe zu bestimmen, eine änderung im Wert. Sie können setInterval oder setTimeout zu tun, dieser timer überprüfen. Sehen Sie die markierte Antwort auf diese Frage ALSO: jQuery textbox-change-Ereignis oder sehen Sie die Geige für ein funktionsfähiges Beispiel mit focus und blur Veranstaltungen zu starten und stoppen Sie den timer für eine bestimmte input-Feld

    InformationsquelleAutor der Antwort MikeM

  2. 178

    Wenn du hast HTML5:

    • oninput (feuert nur dann, wenn eine änderung passiert eigentlich, macht es aber sofort)

    Andernfalls müssen Sie prüfen, für all diese Ereignisse, die zeigen könnten, dass eine Veränderung der input-Elements Wert:

    • onchange
    • onkeyup (nicht keydown oder keypress wie der Eingabe wird nicht der Wert haben Sie die neue Tastenkombination in der es noch nicht)
    • onpaste (wenn unterstützt)

    und vielleicht:

    • onmouseup (Ich bin mir nicht sicher über diese)

    InformationsquelleAutor der Antwort Alnitak

  3. 77

    Mit HTML5 und ohne die Verwendung von jQuery können Sie mit dem input - Ereignis:

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

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

    Dieser ausgelöst wird, jedes mal, wenn der Eingabe ändert sich der text.

    Unterstützt IE9+ und anderen Browsern.

    Versuchen Sie es in einer live -jsFiddle hier.

    InformationsquelleAutor der Antwort Drew Noakes

  4. 10

    Wie andere schon angedeutet, die Lösung in Ihrem Fall ist sniff mehrere Ereignisse.

    Plugins, die diesen job tun oft hören Sie die folgenden Ereignisse:

    $input.auf('ändern keydown keypress keyup mousedown klicken Sie auf mouseup', handler);

    Wenn Sie denken, dass es passen kann, können Sie hinzufügen focusblur und andere Veranstaltungen zu.

    Ich schlage vor, nicht zu überschreiten, in die Ereignisse zu hören, während es geladen wird im Speicher des Browsers weitere Verfahren zur Ausführung entsprechend den user-Verhalten.

    Achtung: beachten Sie, dass Sie den Wert von einem input-element mit JavaScript (z.B. durch die jQuery .val() - Methode) wird nicht ausgelöst, Ereignisse oben.

    (Referenz: https://api.jquery.com/change/).

    InformationsquelleAutor der Antwort Emanuele Del Grande

  5. 2

    Wenn das event gefeuert werden, wenn etwas geändert wird innerhalb des Elements dann könnten Sie den keyup Veranstaltung.

    InformationsquelleAutor der Antwort Jivings

  6. 0

    Gibt es jQuery events wie keyup und keypress die Sie verwenden können, mit Eingabe von HTML-Elementen.
    Sie könnte zusätzlich verwenden die blur() Veranstaltung.

    InformationsquelleAutor der Antwort softwaredeveloper

  7. 0

    Dieser deckt jeder änderung an einer Eingabe mit Hilfe von jQuery 1.7 und höher:

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

    InformationsquelleAutor der Antwort rybo111

  8. 0

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

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

    //Auslösen manuell verwenden:

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

    InformationsquelleAutor der Antwort Kszili

Schreibe einen Kommentar