¿Hay un evento DOM "contenido de texbox cambiado"?

Question

Cada vez que tengo que escribir un fragmento de código JavaScript que controla un cuadro de entrada, por lo general terminan haciendo algo como:

$("#field").keyup(myHandler).keydown(myHandler).change(myHandler); 

No es perfecto, pero por lo general funciona en la mayoría de los casos, y por lo que seguir adelante . Solo tengo un poco de tiempo para investigar esto correctamente. Probablemente el principal problema es que no detecta las ediciones hechas a través del mouse (clic con el botón derecho + pegar/cortar). Además, no es realmente lo que quiero. Esto captura todos los movimientos del cursor y otros eventos de teclado que no estoy realmente interesado en lo que la pregunta es:.

¿Hay un evento multi-navegador confiable que se dispara cada vez que después de el contenido de una entrada o ¿Cambios de textarea?

Durante una breve búsqueda, encontré los eventos onpropertychange y DOMAttrModified. Pero aparte del hecho de que no funcionan en todos los navegadores, no parecen ser disparados cuando se edita una entrada o un área de texto.

Answer 1

Parece que, al menos, las últimas versiones de Internet Explorer, Firefox, Chrome y Safari todo el apoyo y las cutpaste eventos, que se activan inmediatamente después de texto se corta o se pega en un elemento de entrada dada. Los eventos se desencadenan mediante las interacciones con el teclado y. Escuchar una combinación de estos y otros eventos debe proporcionar la funcionalidad que está buscando.

$("#foo").bind("keyup keydown change paste cut", handler); 

He probado esto en un Mac en Firefox 3.6, Chrome 5.0 (dev), y Safari 4, y en Windows en Firefox 3.5 e IE8.