AddeventListener มีพารามิเตอร์สามตัว: พารามิเตอร์แรกแสดงถึงชื่อเหตุการณ์ (ไม่รวมอยู่เช่น "คลิก"); พารามิเตอร์ที่สองแสดงถึงฟังก์ชั่นเพื่อรับการประมวลผลเหตุการณ์ พารามิเตอร์ที่สามคือ usecapture ซึ่งจะอธิบายในบทความนี้
การคัดลอกรหัสมีดังนี้:
<div id = "outdiv">
<div id = "middlediv">
<div id = "indiv"> กรุณาคลิกเมาส์ที่นี่ </div>
</div>
</div>
<div id = "info"> </div>
การคัดลอกรหัสมีดังนี้:
var outdiv = document.getElementById ("outdiv");
var middlediv = document.getElementById ("middlediv");
var indiv = document.getElementById ("indiv");
var info = document.getElementById ("ข้อมูล");
outdiv.addeventListener ("คลิก", function () {info.innerhtml + = "outdiv" + "<br>";}, false);
middlediv.addeventListener ("คลิก", function () {info.innerhtml + = "middlediv" + "<br>";}, false);
indiv.addeventListener ("คลิก", function () {info.innerhtml + = "indiv" + "<br>";}, false);
ข้างต้นคือรหัสที่เราทดสอบ ลำดับของการเรียกใช้จะถูกกำหนดตามการแสดงข้อมูล มี addeventListeners สามตัวและค่าตัวเลือกของ usecapture เป็นจริงและเท็จดังนั้น 2*2*2 สามารถรับ 8 โปรแกรมที่แตกต่างกัน
•เมื่อทั้งหมดเป็นเท็จลำดับที่ทริกเกอร์คือ: indiv, middlediv, outdiv;
•เมื่อทุกอย่างเป็นจริงคำสั่งที่ทริกเกอร์คือ: outdiv, middlediv และ indiv;
•เมื่อ outdiv เป็นจริงคนอื่น ๆ เป็นเท็จคำสั่งที่ทริกเกอร์คือ: outdiv, indiv และ middlediv;
•เมื่อ middlediv เป็นจริงคนอื่น ๆ เป็นเท็จคำสั่งที่ทริกเกอร์คือ: middlediv, indiv, outdiv;
-
ในที่สุดข้อสรุปต่อไปนี้ก็ถูกดึง:
•ลำดับทริกเกอร์ของความจริงมักจะเป็นเท็จเสมอ
•หากหลายตัวเป็นจริงทริกเกอร์ของชั้นนอกนำหน้าชั้นด้านใน
•หากหลายเป็นเท็จทริกเกอร์ของชั้นด้านในนำหน้าชั้นด้านนอก
ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ฉันหวังว่าคุณจะชอบมัน