Retourner à la page d'accueil de TJS

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

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

Nouvelle édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 21 octobre

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

Commandez en ligne

Chercher une fonction, un objet, ...

Le 01/12/2020 04:29:50 sur php7 en 168.74 ms