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

Mon nouveau livre Tout JavaScript chez Dunod

En savoir plus
Sortie le 14 novembre 2019

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

Mon nouveau livre Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...

Le graph des objets Javascript