evento "onchange" retrasado en IE? (OK con Firefox)

Question

Puede ser una pregunta para principiantes, pero no puedo entender por qué el evento onchange nunca es llamado por IE mientras funciona bien con Firefox.

<input type="text" id="mytext" size="48" value="" onchange="execute()"/> 
<button type="button" onclick="execute()">Go</button> 

La función de ejecución se invoca cuando se hace clic en el botón, pero no cuando se cambia el texto en el cuadro de entrada.

¿Alguna idea?

Answer 1

IE solo activa el evento onchange cuando el elemento pierde el foco: si hiciera clic fuera del elemento o pestaña en un elemento diferente, debería disparar.

Puede evitar esto utilizando un evento diferente, por ejemplo onkeypress.

Answer 2

IE lo hace después de que su entrada pierde el foco, que no es hasta que haga clic en el botón, tabice o haga clic en otro lugar en la pantalla. Pruebe onclick o uno de los otros eventos.

Answer 3

Por lo que recuerdo, IE no maneja el evento de cambio del mismo generador que FF. El evento se disparará cuando se haga clic con el mouse.

que aconsejarle el uso de una biblioteca para gestionar eventos tales como jQuery, Dojo, etc ..

Answer 4

ohhh, pasé algún tiempo en ese tema como hace meses así. me ocurrió con esta solución de FF/IE onchange

$("input[name*='delivery_method']").bind(($.browser.msie ? "click" : "change"), function() { 
    //your code here 
}); 

Answer 5

Si bien molesto, es no un error que onchange no se dispara hasta el elemento pierde el foco. (Me da en torno al tema por tener varios enlaces para diferentes eventos; asegúrese de no darle una paliza a un controlador y utilizar una agregación de actualización si es apropiado.)

Aquí es el "official" W3C documentation on the subject:

El evento onchange ocurre cuando un control pierde el foco de entrada y su valor ha sido modificado desde que se enfocó. Este atributo se aplica a los siguientes elementos: INPUT, SELECT y TEXTAREA.

Aquí es el MSDN reference:

Este evento es disparado cuando los contenidos están comprometidos y no mientras que el valor está cambiando. Por ejemplo, en un cuadro de texto, este evento no se dispara mientras el usuario está escribiendo, sino en el [se activa] cuando el usuario confirma el cambio dejando el cuadro de texto que tiene el foco.

El comportamiento, mientras que a menudo molesta, es como se especifica .

Answer 6

Como se ha respondido en otra parte, IE no activa el evento hasta que hace clic fuera del campo de entrada.

Solo una rápida expansión de cómo lo arreglé con jQuery.(Esta es una traducción de mi código, por lo que puede contener errores ...)

<input id="somecheck" name="somecheck" value="1" onchange="dosomething();"> 

... fue cambiado a ...

<input id="somecheck" name="somecheck" value="1"> 

<script language="javascript"> 
$(document).ready(function() { 

    $('#somecheck').change(function() { dosomething(); }); 
}); 
</script> 

Para los nuevos en jQuery que son básicamente esperando para que la página se cargue por completo, entonces está agregando el controlador de eventos 'dosomething' al cuadro de entrada.