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?
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