Wykrywasz zmianę wejścia w jQuery?

W przypadku użycia jquery .changena inputzdarzeniu zostanie uruchomione tylko wtedy, gdy wejście utraci fokus

W moim przypadku muszę zadzwonić do serwisu (sprawdzić, czy wartość jest poprawna), jak tylko zmieni się wartość wejściowa. Jak mogłem to osiągnąć?

AKTUALIZACJA dla wyjaśnienia i przykładu

przykłady: http://jsfiddle.net/pxfunc/5kpeJ/

Metoda 1. inputzdarzenie

W nowoczesnych przeglądarkach wykorzystaj to inputwydarzenie. To zdarzenie zostanie uruchomione, gdy użytkownik pisze w polu tekstowym, wkleja, cofa, w zasadzie za każdym razem, gdy wartość zmienia się z jednej wartości na drugą.

W jQuery zrób to w ten sposób

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

wychodząc z jQuery 1,7, wymienić bindw on:

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

Metoda 2. keyupzdarzenie

W starszych przeglądarkach należy użyć keyupzdarzenia (będzie ono uruchamiane po zwolnieniu klawisza na klawiaturze, to zdarzenie może dać rodzaj fałszywie dodatniego, ponieważ po zwolnieniu „w” wartość wejściowa jest zmieniana i keyupzdarzenie jest uruchamiane, ale także gdy Klawisz „shift” jest zwolniony, keyupzdarzenie jest uruchamiane, ale nie wprowadzono żadnych zmian w danych wejściowych.). Również ta metoda nie jest uruchamiana, jeśli użytkownik kliknie prawym przyciskiem myszy i wklei z menu kontekstowego:

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

Metoda 3. Timer ( setIntervallub setTimeout)

Aby obejść ograniczenia keyup, możesz ustawić zegar, aby okresowo sprawdzał wartość wejścia w celu ustalenia zmiany wartości. Możesz użyć setIntervallub, setTimeoutaby wykonać to sprawdzenie timera. Zobacz zaznaczoną odpowiedź na to pytanie SO: zmiana zdarzenia w polu tekstowym jQuery lub zobacz skrzypce dla działającego przykładu użycia focusi blurzdarzeń do uruchomienia i zatrzymania stopera dla określonego pola wejściowego

Jeśli masz HTML5:

• oninput (odpala tylko wtedy, gdy zmiana faktycznie nastąpi, ale robi to natychmiast)

W przeciwnym razie należy sprawdzić wszystkie te zdarzenia, które mogą wskazywać na zmianę wartości elementu wejściowego:

• onchange
• onkeyup( nie keydown lub keypressjako wartość wejściowa nie będzie jeszcze zawierać nowego naciśnięcia klawisza)
• onpaste (gdy obsługiwane)

I może:

• onmouseup (Nie jestem tego pewien)

Dzięki HTML5 i bez użycia jQuery możesz użyć inputzdarzenia :

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

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

Będzie on uruchamiany przy każdej zmianie tekstu wejściowego.

Obsługiwane w IE9 + i innych przeglądarkach.

Wypróbuj na żywo w jsFiddle tutaj .

Jak już sugerowali inni, rozwiązaniem w twoim przypadku jest wąchanie wielu zdarzeń .
Wtyczki wykonujące tę pracę często nasłuchują następujących zdarzeń:

$ wejście . on ( „zmiana keypown keupress keupress mousedown kliknij mouseup” , moduł obsługi );

Jeśli uważasz, że może pasować, można dodać focus, bluri inne imprezy też.
Sugeruję, aby nie przekraczać liczby zdarzeń do nasłuchiwania, ponieważ ładuje do pamięci przeglądarki dalsze procedury do wykonania zgodnie z zachowaniem użytkownika.

Uwaga: pamiętaj, że zmiana wartości elementu wejściowego za pomocą JavaScript (np. Za pomocą .val()metody jQuery ) nie spowoduje uruchomienia żadnego z powyższych zdarzeń.
(Odniesienie: https://api.jquery.com/change/ ).

Jeśli chcesz, aby zdarzenie było uruchamiane za każdym razem, gdy coś ulegnie zmianie w elemencie, możesz użyć zdarzenia kluczowania .

// .blur jest wyzwalany, gdy element traci fokus

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

// Aby wyzwalać ręcznie, użyj:

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

Są to zdarzenia jQuery jak keyup i naciśnięciu klawisza , który można wykorzystać do wprowadzania elementów HTML. Możesz dodatkowo użyć zdarzenia blur () .

Obejmuje to każdą zmianę danych wejściowych za pomocą jQuery 1.7 i nowszych:

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