Retourner à la page d'accueil de TJS

Méthode : HTMLElement.dispatchEvent()

Compatible Internet Explorer / Edge  Compatible Chrome  Compatible Safari  Compatible Firefox  Compatible Opera  

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

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 6 février 2019

Version papier à 29€90
Format électronique à 21€90.

Commandez en ligne Dunod  Fnac  Amazon

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 09/12/2019 14:54:33 sur php7 en 40.16 ms