AddEventListener possui três parâmetros: o primeiro parâmetro representa o nome do evento (excluindo, como "clique"); O segundo parâmetro representa a função para receber processamento de eventos; O terceiro parâmetro é o USECAPTURO, que será explicado neste artigo.
A cópia do código é a seguinte:
<div id = "EXPIV">
<div id = "middlediv">
<div id = "Indiv"> Clique no mouse aqui. </div>
</div>
</div>
<div id = "info"> </div>
A cópia do código é a seguinte:
var eliminador = document.getElementById ("EXPIV");
var middlediv = document.getElementById ("middlediv");
var indiv = document.getElementById ("Indiv");
var info = document.getElementById ("info");
oubt.adDeventListener ("clique", function () {info.innerhtml + = "out" + "<br>";}, false);
middlediv.addeventListener ("clique", function () {info.innerhtml + = "middlediv" + "<br>";}, false);
indiv.addeventListener ("clique", function () {info.innerhtml + = "indiv" + "<br>";}, false);
O acima é o código que testamos. A ordem do acionamento é determinada com base na exibição de informações. Existem três addEventListeners, e os valores opcionais da usecapture são verdadeiros e falsos; portanto, 2*2*2 podem ser obtidos 8 programas diferentes.
• Quando todos são falsos, a ordem desencadeadora é: INDIV, MIDDLEDIV, EXPERDIVER;
• Quando todos são verdadeiros, a ordem desencadeante é: Experdiv, Middlediv e Indiv;
• Quando o Experd é verdadeiro, outros são falsos, a ordem desencadeadora é: Experdiv, Indiv e Middlediv;
• Quando o Middlediv é verdadeiro, outros são falsos, a ordem desencadeadora é: Middlediv, Indiv, Experd;
•…
Finalmente, foram tiradas as seguintes conclusões:
• A ordem de gatilho do verdadeiro é sempre antes falsa;
• Se múltiplos forem verdadeiros, o gatilho da camada externa precede a camada interna;
• Se vários forem falsos, o gatilho da camada interna precede a camada externa.
O exposto acima é tudo sobre este artigo, espero que gostem.