Penjelasan terperinci tentang teknik useCapture_javascript bagi tiga parameter addEventListener

addEventListener mempunyai tiga parameter: parameter pertama mewakili nama acara (tidak termasuk pada, seperti "klik"); parameter kedua mewakili fungsi untuk menerima pemprosesan acara, yang dijelaskan dalam artikel ini.

Salin kod Kod adalah seperti berikut:

Sila klik di sini.

Salin kod Kod adalah seperti berikut:

var outDiv = document.getElementById("outDiv");
var middleDiv = document.getElementById("middleDiv");
var inDiv = document.getElementById("inDiv");
var info = document.getElementById("info");
outDiv.addEventListener("klik", fungsi () { info.innerHTML = "outDiv" "
"; }, false);
middleDiv.addEventListener("klik", fungsi () { info.innerHTML = "middleDiv" "
"; }, false);
inDiv.addEventListener("klik", fungsi () { info.innerHTML = "inDiv" "
"; }, false);

Di atas ialah kod yang kami uji Urutan pencetus ditentukan berdasarkan paparan maklumat Terdapat tiga addEventListeners, dan nilai pilihan useCapture adalah benar dan salah, jadi 2*2*2. , kita boleh dapat 8 program berbeza.

•Apabila semua palsu, tertib pencetus ialah: inDiv, middleDiv, outDiv
•Apabila semuanya benar, tertib pencetus ialah: outDiv, middleDiv, inDiv
•Apabila outDiv adalah benar dan yang lain adalah palsu, jujukan pencetus ialah: outDiv, inDiv, middleDiv
; •Apabila middleDiv adalah benar dan yang lain adalah palsu, tertib pencetus ialah: middleDiv, inDiv, outDiv
•……

Akhirnya, kami sampai pada kesimpulan berikut:

•Tertib pencetus benar sentiasa sebelum palsu;
•Jika berbilang adalah benar, lapisan luar dicetuskan sebelum lapisan dalam; •Jika berbilang adalah palsu, lapisan dalam dicetuskan sebelum lapisan luar.

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.