ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

ป้องกันไม่ให้ () วิธีการใช้เหตุการณ์

<object เหตุการณ์

ตัวอย่าง

ป้องกันไม่ให้เกิดการเชื่อมโยงจากการเปิด 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 เหตุการณ์