AddEventListener a trois paramètres: le premier paramètre représente le nom de l'événement (à l'exclusion, tel que "click"); Le deuxième paramètre représente la fonction pour recevoir le traitement des événements; Le troisième paramètre est UseCapture, qui sera expliqué dans cet article.
La copie de code est la suivante:
<div id = "outdiv">
<div id = "middlediv">
<div id = "indiv"> Veuillez cliquer sur la souris ici. </div>
</div>
</div>
<div id = "info"> </ div>
La copie de code est la suivante:
var outdiv = document.getElementById ("outdiv");
var middlediv = document.getElementById ("middlediv");
var indiv = document.getElementById ("indiv");
var info = document.getElementById ("info");
outdiv.addeventListener ("cliquez", function () {info.innerhtml + = "outdiv" + "<br>";}, false);
middlediv.addeventListener ("cliquez", fonction () {info.innerhtml + = "middlediv" + "<br>";}, false);
indiv.addeventListener ("cliquez", fonction () {info.innerhtml + = "indiv" + "<br>";}, false);
Ce qui précède est le code que nous avons testé. L'ordre de déclenchement est déterminé en fonction de l'affichage des informations. Il y a trois AddeveventListeners, et les valeurs facultatives de l'utilisation sont vraies et fausses, donc 2 * 2 * 2 peut être obtenu 8 programmes différents.
• Lorsque tous sont faux, l'ordre de déclenchement est: indiv, middlediv, outdiv;
• Lorsque tout est vrai, l'ordre de déclenchement est: Outdiv, Middlediv et Indiv;
• Lorsque Outdiv est vrai, les autres sont faux, l'ordre de déclenchement est: Outdiv, Indiv et Middlediv;
• Lorsque Middlediv est vrai, d'autres sont faux, l'ordre de déclenchement est: Middlediv, Indiv, Outdiv;
•…
Enfin, les conclusions suivantes ont été tirées:
• L'ordre de déclenchement de True est toujours avant faux;
• Si plusieurs sont vrais, le déclencheur de la couche externe précède la couche intérieure;
• Si plusieurs sont faux, le déclencheur de la couche intérieure précède la couche externe.
Ce qui précède est tout sur cet article, j'espère que vous l'aimez.