Entrada de JavaScript de navegador cruzado detección de cambio/pegado en vivo

Question

¿Hay una forma de navegador para detectar cambios en vivo en un campo de entrada?

Por en vivo, quiero decir que no cuando el campo pierde el foco, y no en la siguiente pulsación de tecla, y así sucesivamente. Inmediatamente o algo así.

usando combinaciones de jQuery y .change(), .keyup(), .bind('paste') y así sucesivamente que puedo conseguir trabajo en la detección de cambios en vivo algunos navegadores, pero no todos. Usar diferentes combinaciones lo hará funcionar un poco en otros navegadores.

El cosa más difícil de conseguir trabajo es la manipulación del ratón del campo de entrada - selección de texto y moverlo (que se corta y pegar en esencia), haga clic y pegar o cortar, etc. Por alguna razón aún .mousedown() y .mouseup() no parecen cortarlo.

La única solución multiproveedor en la que puedo pensar ahora es compruebe el valor del campo de entrada cada 100 o más milisegundos y compare el valor con un valor almacenado. Pero esto parece excesivo cuando la solución basada en eventos se acerca tanto.

¿Existe un complemento jQuery que ya lo haga? ¿O hay alguna otra forma de lograr esto?

Answer 1

Para completar su cambio y manipuladores de teclas, puede agregar controladores para cut/copy/paste. Funcionan en Firefox> = 3, IE, Safari y Chrome (pero no en Opera/Konqueror).

¿Eso cubriría todo para su caso de uso?

Answer 2

Dependiendo de los navegadores que necesite admitir, puede utilizar HTML5 oninput.
Se dispara inmediatamente cuando cambia la entrada supervisada. En jQuery que sólo haría:

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