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