AddEventListener tiene tres parámetros: el primer parámetro representa el nombre del evento (excluyendo, como "hacer clic"); El segundo parámetro representa la función para recibir el procesamiento de eventos; El tercer parámetro es Usecapture, que se explicará en este artículo.
La copia del código es la siguiente:
<div id = "Outdiv">
<div id = "Middlediv">
<div id = "indiv"> Haga clic en el mouse aquí. </div>
</div>
</div>
<div id = "info"> </div>
La copia del código es la siguiente:
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" + "<br>";}, falso);
middlediv.addeventListener ("hacer clic", function () {info.innerhtml + = "middlediv" + "<br>";}, falso);
indiv.addeventListener ("hacer clic", function () {info.innerhtml + = "indiv" + "<br>";}, falso);
Lo anterior es el código que probamos. El orden de activación se determina en función de la visualización de información. Hay tres AdDeventListeners, y los valores opcionales de USECapture son verdaderos y falsos, por lo que se pueden obtener 2*2*2 8 programas diferentes.
• Cuando todos son falsos, el orden desencadenante es: Indiv, Middlediv, Outdov;
• Cuando todos son verdaderos, el orden desencadenante es: Outdiv, Middlediv e Indiv;
• Cuando el OutDoV es verdadero, otros son falsos, el orden desencadenante es: Outdiv, Indiv y Middlediv;
• Cuando Middlediv es verdadero, otros son falsos, el orden desencadenante es: Middlediv, Indiv, Outdov;
•…
Finalmente, se sacaron las siguientes conclusiones:
• El orden de activación de verdadero es siempre antes falso;
• Si múltiples son verdaderos, el disparador de la capa externa precede a la capa interna;
• Si múltiples son falsos, el disparador de la capa interna precede a la capa externa.
Lo anterior se trata de este artículo, espero que les guste.