Cross-browser JavaScript input live change/paste detection

Question

Esiste un modo cross-browser per rilevare le modifiche in tempo reale a un campo di input?

Con vivo, io non intendo quando il campo perde lo stato attivo, e non sul prossimo pressione dei tasti, e così via. Immediatamente o qualcosa del genere.

utilizzando combinazioni di jQuery e .change(), .keyup(), .bind('paste') e così via posso ottenere lavorando rilevamento delle modifiche dal vivo nel alcuni browser, ma non tutti. L'uso di combinazioni diverse lo farà funzionare in qualche modo in altri browser.

La cosa più difficile ottenere lavoro è manipolazione del mouse del campo di immissione - selezione del testo e spostandolo (che è essenzialmente tagliato e paste), clic destro e incollare o taglio, ecc Per qualche ragione anche .mousedown() e .mouseup() non sembrano tagliarlo.

L'unica soluzione cross-browser che posso pensare al momento è di controllare il valore del campo di input ogni 100-o-so millisecondi e confrontare il valore con un valore memorizzato. Tuttavia, sembra che l'overkill quando la soluzione basata su eventi sia così vicina.

C'è un plug-in jQuery che lo fa già? O c'è un altro modo per raggiungere questo obiettivo?

Answer 1

Per completare la modifica e i gestori delle chiavi, è possibile aggiungere gestori per cut/copy/paste. Funzionano in Firefox> = 3, IE, Safari e Chrome (ma non in Opera/Konqueror).

Questo coprirebbe tutto per il tuo caso d'uso?

Answer 2

A seconda del browser che è necessario supportare, è possibile utilizzare il codice HTML5 oninput.
Si attiva immediatamente quando l'ingresso monitorato cambia. In jQuery si dovrebbe solo fare:

$('#my-input').bind('input', function(e) { 
    console.log("#my-input's value changed"); 
});