Detaillierte Erläuterung der useCapture_javascript-Technik der drei Parameter von addEventListener

addEventListener verfügt über drei Parameter: Der erste Parameter stellt den Ereignisnamen dar (ausgenommen on, z. B. „Klick“); der zweite Parameter stellt die Funktion zum Empfangen der Ereignisverarbeitung dar, die in diesem Artikel erläutert wird.

Code kopieren Der Code lautet wie folgt:

Bitte klicken Sie hier.

Code kopieren Der Code 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.innerHTML = "outDiv" "
"; }, false);
middleDiv.addEventListener("click", function () { info.innerHTML = "middleDiv" "
"; }, false);
inDiv.addEventListener("click", function () { info.innerHTML = "inDiv" "
"; }, false);

Das Obige ist der Code, den wir getestet haben. Die Reihenfolge der Auslösung wird anhand der Anzeige von Informationen bestimmt. Es gibt drei addEventListener, und die optionalen Werte von useCapture sind wahr und falsch, also 2*2*2 , wir können 8 verschiedene Programme bekommen.

•Wenn alle falsch sind, lautet die auslösende Reihenfolge: inDiv, middleDiv, outDiv
•Wenn alles wahr ist, lautet die auslösende Reihenfolge: outDiv, middleDiv, inDiv
•Wenn outDiv wahr und andere falsch sind, lautet die auslösende Sequenz: outDiv, inDiv, middleDiv
•Wenn middleDiv wahr und andere falsch sind, lautet die auslösende Reihenfolge: middleDiv, inDiv, outDiv
•……

Abschließend kamen wir zu folgendem Ergebnis:

•Die auslösende Reihenfolge von wahr liegt immer vor falsch;
•Wenn mehrere wahr sind, wird die äußere Schicht vor der inneren Schicht ausgelöst •Wenn mehrere falsch sind, wird die innere Schicht vor der äußeren Schicht ausgelöst.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.