0

He notado que en diferentes versiones de Internet Explorer el evento onchange no es capturado cuando el valor de un input es alterado por una función js, comportamiento que no ocurre con otros navegadores como Mozilla o Chrome.

Investigando un poco encontré que no está garantizado el correcto funcionamiento de onchange en IE cuando se altera el valor mediante js:

Ejemplo de como reproducirlo:

function onchangeRequest(){
  console.log('onchange fired');
}

function changeValue (input){
        input.value +=  "add"
 }
<h4> Al perder el foco no invoca onchangeRequest() </h4>

<input id="valueInput" placeholder= "Insert value here"  onkeyup="changeValue(this);" onchange="onchangeRequest();" />

<h4> Al perder el foco invoca onchangeRequest() </h4>

<input id="valueInput" placeholder= "Insert value here"  onchange="onchangeRequest();" />

No he encontrado una explicación convincente de los motivos por los cuales IE no resuelve correctamente esas situaciones aunque existen alternativas para obtener el mismo comportamiento, como implementar el onchange mediante onfocs y onblur guardando el valor anterior del input y chequeando si hubieron cambios, quisiera conocer las razones por las cuales se da este comportamiento.

Es esto un error conocido con el cual tenemos que lidiar e implementar otras alternativas como la que mencione anteriormente? Existe alguna referencia oficial donde se explicite que IE no garantiza el correcto comportamiento de onchange?

5
  • onchange sólo se es activado al perder el focus mediante una política específica, en IE solo funciona a través del mouse el 8 jul. 2017 a las 1:42
  • A que te refieres con "una política específica"? En el ejemplo que he dado, en el primer input, el onchange no se dispara al perder el foco, ya sea mediante mouse click o teclado. el 8 jul. 2017 a las 1:43
  • La solución propuesta como onfocus + onblur es la más eficiente para lidiar con onchange, otros emplean onclick para el fix pero por obvias razones no funcionaría cuando se perdie el focus mediante el teclado el 8 jul. 2017 a las 1:44
  • Política se refiere al manejo y captura de eventos, su forma de ser activados y la forma de propagarlos el 8 jul. 2017 a las 1:50

1 respuesta 1

1

En cuanto a tu pregunta:

¿Existe alguna referencia oficial donde se explicite que IE no garantiza el correcto comportamiento de onchange?

No sé si calificaría ese comportamiento como incorrecto. Durante muchos años Microsoft siguió una estrategia según la cual no seguía en su navegador los estándares marcados por W3C, pero el comportamiento es el correcto según la especificación propia de IE.

Finalmente Microsoft ha entendido también que ésta era una estrategia equivocada y ahora sí que sigue los estándares de W3C pero en las versiones antiguas de sus navegadores persiste por supuesto este problema.

La documentación oficial es la propia de Microsoft para IE:

change | onchange event

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.