Méthode : HTMLElement.dispatchEvent()

Déclenche sur l'élément HTML l'événement passé en paramètre

Syntaxe
element.dispatchEvent(Event myEvent)

Description
Envoie l'événement sur l'élément HTML.
Attention, ici myEvent est un objet de type Event et pas une chaîne de caractères.

Exemple Utilisation de dispatchEvent

Code source

<div id="myDiv1" onclick="console.log('Clic sur myDiv1 détecté')">Mon premier DIV</div>
<div id="myDiv2" onclick="console.log('Clic sur myDiv2 détecté')">Mon second DIV</div>
<div id="myDiv3" onclick="console.log('Clic sur myDiv3 détecté')">Mon dernier DIV</div>
<script>
var evt=new Event("click");
document.getElementById("myDiv1").dispatchEvent(evt);

document.getElementById("myDiv2").click();
</script>

Résultat

Mon premier DIV

Mon second DIV

Mon dernier DIV

Emulation de la console

Explication

Crée l'Event evt et l'envoie sur le premier div avec dispatchEvent().
Force le clic sur le second avec click().

Page en rapport
Introduction au DHTML

Page mise à jour le 17/08/2017

Le graph des objets Javascript

Chargement
en cours...

Nouveau service en ligne de TJS

cleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites

Méthode : HTMLElement.dispatchEvent()

Déclenche sur l'élément HTML l'événement passé en paramètre

Chercher une fonction, un objet, ...

Le graph des objets Javascript

Nouveau service en ligne de TJS