ตัวอย่าง
ลบ "mousemove" เหตุการณ์ที่ได้รับที่แนบมากับ addEventListener() วิธีการ:
// Attach an event handler to the document
document.addEventListener("mousemove",
myFunction);
// Remove the event handler from the document
document.removeEventListener("mousemove", myFunction); ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
document. removeEventListener() document. removeEventListener() วิธีการเอาตัวจัดการเหตุการณ์ที่ได้รับที่แนบมากับ เอกสาร addEventListener() วิธีการ
หมายเหตุ: ในการลบจัดการเหตุการณ์ฟังก์ชั่นที่ระบุไว้กับ addEventListener() วิธีการต้องเป็นภายนอก "named" ฟังก์ชั่นเช่นในตัวอย่างข้างต้น (myFunction)
ฟังก์ชั่นที่ไม่ระบุชื่อเช่น "เอกสาร. removeEventListener(" event ", function() {} MyScript);" จะไม่ทำงาน.
เคล็ดลับ: ใช้ องค์ประกอบ addEventListener() และ องค์ประกอบ removeEventListener() วิธีการที่จะเพิ่ม / ลบจัดการเหตุการณ์ / จากองค์ประกอบที่ระบุ
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่วิธีการ
| วิธี | |||||
|---|---|---|---|---|---|
| removeEventListener() | 1.0 | 9.0 | 1.0 | 1.0 | 7.0 |
หมายเหตุ: removeEventListener() วิธีการที่ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้าและ Opera 6.0 และรุ่นก่อนหน้า แต่สำหรับเหล่านี้รุ่นเบราว์เซอร์ที่เฉพาะเจาะจงคุณสามารถใช้ detachEvent() วิธีการที่จะเอาตัวจัดการเหตุการณ์ที่ได้รับที่แนบมากับ attachEvent() วิธีการ (ดู "More Examples" ด้านล่างสำหรับการแก้ปัญหาเบราว์เซอร์)
วากยสัมพันธ์
document.removeEventListener( event , function ,
useCapture )
ค่าพารามิเตอร์
| พารามิเตอร์ | ลักษณะ |
|---|---|
| event | จำเป็นต้องใช้ เชือกที่ระบุชื่อของเหตุการณ์ที่จะลบ หมายเหตุ: อย่าใช้ "on" คำนำหน้า ตัวอย่างเช่นใช้ "click" แทน "onclick" เคล็ดลับ: สำหรับรายชื่อของกิจกรรมทั้งหมดของ HTML DOM ให้ดูที่สมบูรณ์ของเรา HTML DOM เหตุการณ์อ้างอิงวัตถุ |
| function | จำเป็นต้องใช้ ระบุฟังก์ชั่นในการลบ |
| useCapture | ไม่จำเป็น. ค่าบูลีนที่ระบุขั้นตอนการจัดกิจกรรมเพื่อเอาตัวจัดการเหตุการณ์จาก ค่าที่เป็นไปได้:
|
รายละเอียดทางเทคนิค
| DOM เวอร์ชัน: | ระดับ DOM 2 เหตุการณ์ที่เกิดขึ้น |
|---|---|
| กลับค่า: | ไม่มีค่าตอบแทน |
| การเปลี่ยนแปลง: | พารามิเตอร์ useCapture กลายเป็นตัวเลือกใน Firefox 6 และ Opera 12.0 (has always been optional for Chrome, IE and Safari) |
ตัวอย่างอื่น ๆ
ตัวอย่าง
เบราว์เซอร์ที่ไม่สนับสนุน removeEventListener() วิธีการที่คุณสามารถใช้ detachEvent() วิธีการ
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการแก้ปัญหาเบราว์เซอร์:
if (document.removeEventListener) { // For all major browsers, except IE 8 and earlier
document.removeEventListener("mousemove", myFunction);
} else if (document.detachEvent) { // For IE 8 and earlier versions
document.detachEvent("onmousemove", myFunction);
} ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา JavaScript: HTML DOM EventListener
อ้างอิง JavaScript: องค์ประกอบ removeEventListener()