บทความนี้อธิบายถึงการเขียนที่เข้ากันได้ของการเพิ่มเหตุการณ์ JS และการลบ แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
var eventUtil = {addHandler: ฟังก์ชั่น (องค์ประกอบ, ประเภท, ตัวจัดการ {ถ้า (element.addeVentListener) {element.addeventListener (ประเภท, ตัวจัดการ, เท็จ);} else (element.attachevent) {element.attachevent ("บน" เหตุการณ์กลับมา? FALSE); GetRelatedTarget: ฟังก์ชั่น (เหตุการณ์) {ถ้า (Event.RelatedTarget) {return event.RelatedTarget; if (document.mplementation.hasfeature ("MouseEvents", "2.0")) {return event.button;ในหมู่พวกเขาวิธี AddHandler และ RemoveHandsler ตรวจพบก่อนว่ามีวิธีการระดับ DOM2 ในองค์ประกอบที่ผ่านหรือไม่ หากมีวิธีการระดับ DOM2 ให้ใช้วิธีนี้: ประเภทเหตุการณ์ที่เข้ามาฟังก์ชันตัวจัดการเหตุการณ์และพารามิเตอร์ที่สาม Fasle (แสดงถึงขั้นตอนฟอง) หากมีวิธี IE ให้ใช้วิธีแก้ปัญหาที่สอง โปรดทราบว่าประเภทเหตุการณ์จะต้องนำหน้าด้วย "on" ความเป็นไปได้สุดท้ายคือการใช้วิธีการระดับ DOM0 (ในเบราว์เซอร์ที่ทันสมัยรหัสที่นี่ไม่ควรดำเนินการ) ในเวลานี้เราใช้ไวยากรณ์วงเล็บเหลี่ยมเพื่อระบุชื่อแอตทริบิวต์เป็นตัวจัดการเหตุการณ์หรือตั้งค่าแอตทริบิวต์เป็น NULL
คุณสามารถใช้วัตถุ EventUtil ดังต่อไปนี้:
var btn = document.getElementById ("mybtn"); var handler = function () {alert ("คลิก");}; eventutil.addhandler (btn, "คลิก", handler); // ละเว้นรหัสอื่น ๆสำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปเอฟเฟกต์และเทคนิคการสลับ JavaScript", "สรุปทักษะอัลกอริธึมการค้นหา JavaScript", "สรุปผลการสรุปและเทคนิคการสรุปของ JavaScript ของ JavaScript อัลกอริทึมและเทคนิคการสำรวจ JavaScript "และ" สรุปการใช้งานทางคณิตศาสตร์ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน