Rilevamento del cambiamento di input in jQuery?

Quando si utilizza jquery .changesu un inputevento, l'evento verrà generato solo quando l'ingresso perde lo stato attivo

Nel mio caso, devo effettuare una chiamata al servizio (controlla se il valore è valido) non appena il valore di input viene modificato. Come potrei farlo?

AGGIORNATO per chiarimenti ed esempio

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

Metodo 1. inputevento

Nei browser moderni utilizzare l' inputevento. Questo evento si attiva quando l'utente sta digitando in un campo di testo, incollando, annullando, praticamente ogni volta che il valore cambia da un valore all'altro.

In jQuery farlo in questo modo

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

a partire da jQuery 1.7, sostituire bindcon on:

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

Metodo 2. keyupevento

Per i browser meno recenti utilizzare l' keyupevento (questo si attiverà una volta rilasciato un tasto sulla tastiera, questo evento può dare una sorta di falso positivo perché quando "w" viene rilasciato il valore di input viene modificato e l' keyupevento si attiva, ma anche quando il Il tasto "shift" viene rilasciato e l' keyupevento si attiva ma non è stata apportata alcuna modifica all'ingresso.). Inoltre, questo metodo non si attiva se l'utente fa clic con il pulsante destro del mouse e incolla dal menu di scelta rapida:

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

Metodo 3. Timer ( setIntervalo setTimeout)

Per aggirare i limiti keyupè possibile impostare un timer per controllare periodicamente il valore dell'input per determinare una variazione di valore. È possibile utilizzare setIntervalo setTimeoutper eseguire questo controllo del timer. Vedere la risposta contrassegnata su questa domanda SO: evento di modifica della casella di testo jQuery o vedere il violino per un esempio funzionante utilizzando focuse gli blureventi per avviare e arrestare il timer per un campo di input specifico

Se hai HTML5:

• oninput (si attiva solo quando si verifica effettivamente un cambiamento, ma lo fa immediatamente)

Altrimenti è necessario controllare tutti questi eventi che potrebbero indicare una modifica al valore dell'elemento di input:

• onchange
• onkeyup( no keydown o keypresspoiché il valore dell'input non contiene ancora la nuova sequenza di tasti)
• onpaste (quando supportato)

e forse:

• onmouseup (Non sono sicuro di questo)

Con HTML5 e senza usare jQuery, puoi utilizzare l' inputevento :

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

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

Questo si attiva ogni volta che cambia il testo dell'input.

Supportato in IE9 + e altri browser.

Provalo dal vivo in un jsFiddle qui .

Come altri hanno già suggerito, la soluzione nel tuo caso è quella di annusare più eventi .
I plugin che svolgono questo lavoro spesso ascoltano i seguenti eventi:

$ input.on ('cambia keydown keypress keyup mousedown click mouseup', gestore);. on ( 'cambia keydown keypress keyup mousedown click mouseup' , gestore );

Se si pensa che può andare bene, è possibile aggiungere focus, blure altri eventi troppo.
Suggerisco di non eccedere negli eventi da ascoltare, in quanto carica nella memoria del browser ulteriori procedure da eseguire in base al comportamento dell'utente.

Attenzione: nota che la modifica del valore di un elemento di input con JavaScript (ad es. Tramite il .val()metodo jQuery ) non genererà nessuno degli eventi sopra.
(Riferimento: https://api.jquery.com/change/ ).

Se desideri che l'evento venga generato ogni volta che qualcosa viene modificato all'interno dell'elemento, puoi utilizzare l' evento keyup .

// .blur viene attivato quando l'elemento perde lo stato attivo

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

// Per attivare manualmente utilizzare:

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

Ci sono eventi jQuery come keyup e keypress che puoi usare con input HTML Elements. È inoltre possibile utilizzare l' evento blur () .

Questo copre ogni modifica a un input usando jQuery 1.7 e versioni successive:

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