evento de cambio no se activa cuando el cambio proviene de otra función

Question

Tengo un texto de entrada que obtiene su valor de una función de javascript (un temporizador con cuenta regresiva).

Quiero levantar un evento cuando el texto de entrada es 0, entonces estoy usando el change eventListener.

lamentablemente no parece plantear el evento cuando el cambio proviene de la función de JavaScript.

¿Cómo puedo forzar el cambio de evento para que funcione, incluso si el cambio proviene de javascript y no del usuario?

Gracias por cualquier ayuda

Answer 1

Desde el fine manual:

cambio
El evento de cambio se produce cuando un control pierde el foco de entrada y su valor se ha modificado desde que obtuvo el foco. Este evento es válido para INPUT, SELECT y TEXTAREA. elemento.

Cuando modifica el valor de la entrada de texto a través del código, el evento de cambio no se disparará porque no hay cambio de foco. Puede activar el evento mismo, aunque con createEvent y dispatchEvent, por ejemplo:

el = document.getElementById('x'); 
ev = document.createEvent('Event'); 
ev.initEvent('change', true, false); 
el.dispatchEvent(ev); 

y una versión en vivo: http://jsfiddle.net/ambiguous/nH8CH/

Answer 2

En la función que cambia el valor, el fuego manualmente un evento change.

var e = document.createEvent('HTMLEvents'); 
e.initEvent('change', false, false); 
some_input_element.dispatchEvent(e); 

Answer 3

Una opción más reutilizable:

function simulate_event(eventName, element) { 
    // You could set this into the prototype as a method. 
    var event; 

    if (document.createEvent) { 
     event = document.createEvent("HTMLEvents"); 
     event.initEvent(eventName, true, true); 
    } else { 
     event = document.createEventObject(); 
     event.eventType = eventName; 
    }; 

    event.eventName = eventName; 

    if (document.createEvent) { 
     element.dispatchEvent(event); 
    } else { 
     element.fireEvent("on" + event.eventName, event); 
    } 
};