l'événement onchange pas le feu quand le changement vient d'une autre fonction

J'ai une entrée de texte que le obtenir sa valeur à partir d'une fonction javascript(un chronomètre avec compte à rebours).

Je veux soulever un événement lors de la saisie du texte est de 0 ,donc je suis en utilisant le changement eventListener.

malheureusement, il ne semble pas soulever le cas où le changement est à venir à partir de la fonction javascript.

Comment puis-je forcer l'événement de changement de travail, même si le changement est à venir à partir de javascript et non pas de l'utilisateur?

Merci pour toute aide

InformationsquelleAutor baaroz | 2011-08-14
  1. 15

    De la beaux-manuel:

    changement

    Le changement événement se produit lorsque le contrôle perd le focus d'entrée et sa valeur a été modifiée depuis l'accès à l'accent. Cet événement est valable pour les INPUT, SELECT et TEXTAREA. élément.

    Lorsque vous modifiez le texte de l'entrée de la valeur par le biais du code, le changement de l'événement ne sera pas déclenché car il n'y a pas de changement de focus. Vous pouvez déclencher l'événement de même avec createEvent et dispatchEvent, par exemple:

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

    Et une version live: http://jsfiddle.net/ambiguous/nH8CH/

    • Cela ne fonctionnera pas si vous utilisez n'importe quel événement moderne méthode d'écoute; il ne fonctionne que si vous utilisez l'ancien onchange de la propriété. Vous devez utiliser le DOM API pour déclencher des événements.
    • Pouvez-vous dire que je n'ai pas fait brut JavaScript pour une longue période de temps? Je vais le corriger pour qu'il.
    • Merci beaucoup! C'est tellement simple et excellent travail! 🙂
    InformationsquelleAutor mu is too short
  2. 3

    Dans la fonction qui modifie la valeur, manuellement feu un change événement.

    var e = document.createEvent('HTMLEvents');
e.initEvent('change', false, false);
some_input_element.dispatchEvent(e);
    • Est-il besoin d'être HTMLEvents? La version jQuery utilise apparemment Event et la seule différence que je peux voir, c'est DOM niveau 2 par rapport au niveau 3.
    • Autant que je sache, HTMLEvents, Event et Events sont synonymes.
    • Event semble être officiel, Events est probablement dans certains navigateurs pour correspondre à la hasFeature la pluralisation.
    InformationsquelleAutor Delan Azabani
  3. 1

    Un plus réutilisable option :

    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);
    }
};
    InformationsquelleAutor Chris
  4. 1

    c'est 2018 maintenant et il semble que initEvent() est obsolète:
    https://developer.mozilla.org/en-US/docs/Web/API/Event/initEvent

    je pense que vous pouvez déclencher l'événement dans un one-liner maintenant:
    de l'élément.dispatchEvent(new Event ("changement"));

    InformationsquelleAutor Carl Chang