AddEventListener hat drei Parameter: Der erste Parameter repräsentiert den Ereignisnamen (mit Ausnahme von "Click"); Der zweite Parameter repräsentiert die Funktion, um die Ereignisverarbeitung zu empfangen. Der dritte Parameter ist die Usecapture, die in diesem Artikel erläutert wird.
Die Codekopie lautet wie folgt:
<div id = "outdiv">
<div id = "middlediv">
<div id = "indiv"> Bitte klicken Sie hier auf die Maus. </div>
</div>
</div>
<div id = "info"> </div>
Die Codekopie lautet wie folgt:
var outdiv = document.getElementById ("outdiv");
var middlediv = document.getElementById ("MidDlediv");
var indiv = document.getElementById ("indiv");
var info = document.getElementById ("info");
outdiv.addeventListener ("click", function () {info.innernhtml + = "outdiv" + "<br>";}, false);
MidDlediv.AdDeVentListener ("Click", function () {info.innernhtml + = "MidDlediv" + "<br>";}, false);
indiv.addeventListener ("click", function () {info.innernhtml + = "indiv" + "<br>";}, false);
Das obige ist der Code, den wir getestet haben. Die Reihenfolge der Auslöser wird basierend auf der Anzeige von Informationen ermittelt. Es gibt drei AddEventListener, und die optionalen Werte der Usecapture sind wahr und falsch, also können 2*2*2 8 verschiedene Programme erhalten werden.
• Wenn alle falsch sind, lautet die Auslöserreihenfolge: indiv, middlediv, outdiv;
• Wenn alle wahr sind, lautet die Auslöserreihenfolge: Outdiv, Middlediv und Indiv;
• Wenn Outdiv wahr ist, sind andere falsch, die Auslöserreihenfolge lautet: Outdiv, Indiv und Middlediv;
• Wenn MidDlediv wahr ist, sind andere falsch, die Auslöserreihenfolge lautet: Middlediv, Indiv, Outdiv;
•…
Schließlich wurden die folgenden Schlussfolgerungen gezogen:
• Die Auslöserreihenfolge von True ist immer vor Falsch;
• Wenn mehrere wahr sind, geht der Auslöser der äußeren Schicht der inneren Schicht voraus.
• Wenn mehrere false sind, geht der Auslöser der inneren Schicht der Außenschicht voraus.
Das obige dreht sich alles um diesen Artikel, ich hoffe es gefällt euch.