dispatchEvent ne fonctionne pas

Comme montré dans la démo, dispatchEvent ne fonctionne pas comme prévu.

http://jsfiddle.net/DerekL/V8uEN/

Partie de la clé:

btn.dispatchEvent(
    document.createEvent("MouseEvent")
    .initMouseEvent("click", true, true, window, 0,
        0, 0, 0, 0,
        false, false, false, false,
        0, null)
);

Une alerte pop-up après 1 seconde sur chargé, mais il ne vient pas et un message d'erreur s'affiche dans la console:

Uncaught InvalidStateError: Failed to execute 'dispatchEvent' on 'EventTarget': The event provided is null.

Je ne sais pas où est le problème puisque j'ai trouvé un démo presque avec exactement le même code, et il fonctionne mais pas le mien.

  • a travaillé pour moi. à l'aide de chrome ici.
  • C'est bizarre, je suis en utilisant google Chrome 32 sur Windows, mais ça ne fonctionne pas.
  • désolé, ce n'est pas popping up automatiquement.
InformationsquelleAutor Derek 朕會功夫 | 2014-01-13
  1. 8
    btn.dispatchEvent(
    document.createEvent("MouseEvent")
    .initMouseEvent("click", true, true, window, 0,
        0, 0, 0, 0,
        false, false, false, false,
        0, null)
);

    Votre problème, c'est que initMouseEvent ne retourne rien. Vous ne pouvez pas combiner tout cela en une seule ligne. Vous avez besoin de le décomposer.

    var mEvent = document.createEvent("MouseEvent");
mEvent.initMouseEvent("click", true, true, window, 0,
    0, 0, 0, 0,
    false, false, false, false,
    0, null);

btn.dispatchEvent(mEvent);

    C'est la façon dont c'est fait dans la démo que vous avez associé.

    • Ohh je n'avais pas remarquer que c'était le problème... Donc utilisé pour jQuery et ne le savais pas, ce n'est pas comment cela fonctionne en natif JS.
    InformationsquelleAutor Rocket Hazmat
  2. 1

    Cela fonctionne:

    var btn = document.querySelector("button");
btn.addEventListener("click", function () {
   alert("Clicked.");
});

setTimeout(function () {
  var mEvent = document.createEvent("MouseEvent");
  mEvent.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

  btn.dispatchEvent(mEvent);
}, 1000);
    • Oui, j'ai réalisé que je ne la chaîne d'eux.
    InformationsquelleAutor T McKeown