ตัวอย่าง
ลบ "mousemove" เหตุการณ์ที่ได้รับที่แนบมากับ addEventListener() วิธีการ:
// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove",
myFunction);
// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction); ลองตัวเอง» ความหมายและการใช้งาน
removeEventListener() วิธีการเอาตัวจัดการเหตุการณ์ที่ได้รับที่แนบมากับ addEventListener() วิธีการ
หมายเหตุ: ในการลบจัดการเหตุการณ์ฟังก์ชั่นที่ระบุไว้กับ addEventListener() วิธีการต้องมีฟังก์ชั่นภายนอกเช่นในตัวอย่างข้างต้น (myFunction)
ฟังก์ชั่นที่ไม่ระบุชื่อเช่น "องค์ประกอบ. removeEventListener(" event ", function() {} MyScript);" จะไม่ทำงาน.
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่วิธีการ
| วิธี | |||||
|---|---|---|---|---|---|
| removeEventListener() | 1.0 | 9.0 | 1.0 | 1.0 | 7.0 |
วากยสัมพันธ์
element .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() วิธีการ
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการแก้ปัญหาเบราว์เซอร์:
var x = document.getElementById("myDIV");
if (x.removeEventListener) { // For all major browsers, except IE 8 and earlier
x.removeEventListener("mousemove", myFunction);
} else if (x.detachEvent) { // For IE 8 and earlier versions
x.detachEvent("onmousemove", myFunction);
} ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา JavaScript: HTML DOM EventListener
อ้างอิง JavaScript: เอกสาร removeEventListener()