Méthode : HTMLElement.dispatchEvent()

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

Syntaxe
element.dispatchEvent(Event myEvent)

Compatible tous navigateurs

Oui

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 1 : 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

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Le graph des objets Javascript

Chargement
en cours...

Méthode : HTMLElement.dispatchEvent()

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

Troisième édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...

Le graph des objets Javascript