entrada de texto html Evento de cambio

Question

¿Hay alguna manera de implementar un evento de cambio de texto para detectar el cambio de texto en un campo de texto de entrada html?
Es posible simular esto utilizando eventos clave (tecla presionada, etc.), sin embargo, no es realmente eficaz y difícil, ¿hay una mejor manera?

Answer 1

Cuando estoy haciendo algo como esto, uso el evento onKeyUp.

<script type="text/javascript"> 
function bar() { 
     //do stuff 
} 
<input type="text" name="foo" onKeyUp="return bar()" /> 

pero si usted no desea utilizar un evento de HTML que podría tratar de usar jQuerys método

$('.target').change(function() { 
    //do stuff 
}); 

.Cambiar() en este ejemplo la entrada tendría que tener una clase "objetivo "

si vamos a tener varios cuadros de texto que desea tener hacer lo mismo cuando se cambia el texto y que necesita sus datos a continuación, usted puede hacer esto:

$('.target').change(function(event) { 
    //do stuff with the "event" object as the object that called the method 
)}; 

de esta forma puede usar el mismo código, para múltiples cuadros de texto que usan la misma clase sin tener que reescribir ningún código.

Answer 2

Bueno, a menos que entienda mal sólo puede utilizar el atributo onChange:

<input type="text" onChange="return bar()"> 

Nota: en FF 3 (al menos) esto no se llama hasta que algún usuario teh ha confirmado su cambiarse haciendo clic de distancia de la elemento, haciendo clic en entrar, u otro.

Answer 3

onChange no se dispara hasta que pierde el foco más tarde. Si quiere ser realmente estricto con los cambios instantáneos de todo tipo, use:

<input 
    type  = "text" 
    onchange = "myHandler();" 
    onkeypress = "this.onchange();" 
    onpaste = "this.onchange();" 
    oninput = "this.onchange();" 
/>