เมธอด removeEventListener

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

ไวยากรณ์

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

ตัวอย่าง

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

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

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

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

ดูเพิ่มเติม

เมธอด preventDefault,
ซึ่งยกเลิกการดำเนินการเริ่มต้น