เมธอด event.preventDefault

เมธอด event.preventDefault ช่วยให้ ยกเลิกการทำงานเริ่มต้นของเบราว์เซอร์ได้ ตัวอย่างเช่น ทำให้การคลิกลิงก์ไม่เปลี่ยนหน้า หรือการกดปุ่มส่งฟอร์มไม่ส่งข้อมูล ไปยังเซิร์ฟเวอร์ วิธีการใช้งาน: เพียงภายในฟังก์ชัน ที่ผูกกับเหตุการณ์ ไม่ว่าจะตรงจุดใด ให้เรียกใช้ event.preventDefault() โดยที่ event คืออ็อบเจกต์ Event

ไวยากรณ์

event.preventDefault();

ตัวอย่าง

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

<a href="/" id="elem">ลิงก์</a>

let elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
	event.preventDefault();
	alert('คุณไม่สามารถไปตามลิงก์นี้ได้!');
});

ดูเพิ่มเติม

เมธอด addEventListener,
ซึ่งผูกเหตุการณ์
เมธอด removeEventListener,
ซึ่งถอดการผูกเหตุการณ์