เมธอด removeEventListener

เมธอด removeEventListener ช่วยให้สามารถ ลบตัวจัดการเหตุการณ์ที่กำหนดไว้ก่อนหน้าผ่าน addEventListener ออกได้ ในการทำเช่นนี้ จำเป็นต้องส่งผ่านประเภทของเหตุการณ์และฟังก์ชันเดียวกัน ที่ใช้เมื่อกำหนดเหตุการณ์ในพารามิเตอร์

ไวยากรณ์

javascriptองค์ประกอบ.removeEventListener('ประเภทเหตุการณ์', ฟังก์ชัน);

ตัวอย่าง

มาทำให้การคลิกบนองค์ประกอบทำงาน เพียงครั้งเดียว:

html<input type="button" id="button" value="คลิกฉัน">

javascriptlet button = document.querySelector('#button');
button.addEventListener('click', func); // กำหนดเหตุการณ์

function func() {
  alert('!!!');
  button.removeEventListener('click', func); // ลบออกหลังจากคลิก
};

Результат:

ดูเพิ่มเติม