เมธอด event.preventDefault

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

ไวยากรณ์

javascriptevent.preventDefault();

ตัวอย่าง

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

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

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

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

Результат:

ดูเพิ่มเติม