ป้องกันDefault() Event Method
ตัวอย่าง
ป้องกันไม่ให้ลิงก์เปิด URL:
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เมธอด preventDefault() จะยกเลิกเหตุการณ์หากยกเลิกได้ หมายความว่าการดำเนินการเริ่มต้นที่เป็นของเหตุการณ์จะไม่เกิดขึ้น
ตัวอย่างเช่น อาจมีประโยชน์เมื่อ:
- คลิกที่ปุ่ม "ส่ง" ป้องกันไม่ให้ส่งแบบฟอร์ม
- การคลิกลิงก์ ป้องกันไม่ให้ลิงก์ติดตาม URL
หมายเหตุ:กิจกรรมบางอย่างไม่สามารถยกเลิกได้ ใช้คุณสมบัติที่ ยกเลิก ได้เพื่อดูว่ากิจกรรมสามารถยกเลิกได้หรือไม่
หมายเหตุ:เมธอด preventDefault() ไม่ได้ป้องกันการแพร่กระจายของเหตุการณ์เพิ่มเติมผ่าน DOM ใช้เมธอด stopPropagation() เพื่อจัดการกับสิ่งนี้
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับวิธีการนี้อย่างเต็มที่
Method | |||||
---|---|---|---|---|---|
preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
ไวยากรณ์
event.preventDefault()
พารามิเตอร์
ไม่มี |
รายละเอียดทางเทคนิค
คืนมูลค่า: | ไม่มีค่าส่งคืน |
---|---|
รุ่น DOM: | กิจกรรม DOM ระดับ 2 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ป้องกันการกระทำเริ่มต้นของช่องทำเครื่องหมาย:
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});