AddEventListener memiliki tiga parameter: parameter pertama mewakili nama acara (tidak termasuk, seperti "klik"); Parameter kedua mewakili fungsi untuk menerima pemrosesan acara; Parameter ketiga adalah Usecapture, yang akan dijelaskan dalam artikel ini.
Salinan kode adalah sebagai berikut:
<Div id = "outdiv">
<Div id = "middlediv">
<div id = "indiv"> Klik mouse di sini. </div>
</div>
</div>
<Div id = "info"> </div>
Salinan kode adalah sebagai berikut:
var outdiv = document.geteLementById ("outdiv");
var middlediv = document.getElementById ("middlediv");
var indiv = document.geteLementById ("indiv");
var info = document.geteLementById ("info");
outdiv.addeventListener ("klik", function () {info.innerHtml + = "outdiv" + "<br>";}, false);
middlediv.addeventListener ("klik", function () {info.innerhtml + = "middlediv" + "<br>";}, false);
indiv.addeventListener ("klik", function () {info.innerhtml + = "indiv" + "<br>";}, false);
Di atas adalah kode yang kami uji. Urutan pemicu ditentukan berdasarkan tampilan info. Ada tiga addEventListeners, dan nilai opsional dari usecapture benar dan salah, jadi 2*2*2 dapat diperoleh 8 program berbeda.
• Ketika semuanya salah, urutan pemicu adalah: indiv, middlediv, outdiv;
• Ketika semuanya benar, urutan pemicu adalah: outdiv, middlediv, dan indiv;
• Ketika outdiv benar, orang lain salah, urutan pemicu adalah: outdiv, indiv, dan middlediv;
• Ketika middlediv benar, yang lain salah, urutan pemicu adalah: middlediv, indiv, outdiv;
•…
Akhirnya, kesimpulan berikut ditarik:
• Urutan pemicu true selalu sebelum salah;
• Jika beberapa benar, pemicu lapisan luar mendahului lapisan dalam;
• Jika beberapa salah, pemicu lapisan dalam mendahului lapisan luar.
Di atas adalah semua tentang artikel ini, saya harap Anda menyukainya.