AddEventListener имеет три параметра: первый параметр представляет имя события (без учета, например, «клик»); Второй параметр представляет функцию для получения обработки событий; Третий параметр - это использование, которое будет объяснено в этой статье.
Кода -копия выглядит следующим образом:
<div id = "preftiv">
<div id = "middlediv">
<div id = "indiv"> Пожалуйста, нажмите на мышь здесь. </div>
</div>
</div>
<div id = "info"> </div>
Кода -копия выглядит следующим образом:
var uftiv = document.getElementById ("struftiv");
var middlediv = document.getElementById ("midddeviv");
var indiv = document.getElementById ("Indiv");
var info = document.getElementbyId ("info");
uftiv.addeventlistener ("click", function () {info.innerhtml + = "stustiv" + "<br>";}, false);
middlediv.addeventlistener ("click", function () {info.innerhtml + = "middlediv" + "<br>";}, false);
indiv.addeventListener ("click", function () {info.innerhtml + = "indiv" + "<br>";}, false);
Выше приведено код, который мы протестировали. Порядок запуска определяется на основе отображения информации. Существуют три addeventlisteners, и дополнительные значения UseCapture являются истинными и ложными, поэтому 2*2*2 можно получить 8 различных программ.
• Когда все являются ложными, порядок запуска: Indiv, Middlediv, Reflediv;
• Когда все это правда, порядок запуска: Reflediv, Middlediv и Indiv;
• Когда Reflediv это правда, другие ложные, запускающий порядок: uffiv, indiv и midddiv;
• Когда Middlediv это правда, другие ложны, порядок запуска: Midddiv, Indiv, Reflect;
•…
Наконец, были сделаны следующие выводы:
• Порядок триггера истинна всегда перед ложным;
• Если множество верно, триггер внешнего слоя предшествует внутреннему слою;
• Если множественные являются ложными, триггер внутреннего слоя предшествует внешнему слою.
Выше приведено в этой статье, надеюсь, вам понравится.