1. Event.PreventDefault () - เหตุการณ์เริ่มต้นเพื่อป้องกันองค์ประกอบ
หมายเหตุ: เหตุการณ์เริ่มต้นของการกระโดดขององค์ประกอบ A
ปุ่มวิทยุและองค์ประกอบรูปแบบอื่น ๆ ของเหตุการณ์เริ่มต้น
องค์ประกอบ div ไม่มีเหตุการณ์เริ่มต้น
ตัวอย่าง:
คัดลอกรหัสรหัสดังนี้:
<a href = "http://www.baidu.com" target = "_ black"> baidu </a>
คัดลอกรหัสรหัสดังนี้:
var samp = document.getElementByTagname ("A");
samp.addeventListener ("คลิก", ฟังก์ชั่น (e) {e.preventDefault ()}, เท็จ);
คำอธิบาย: เมื่อคุณคลิกที่ลิงค์การกระโดดจะเกิดขึ้นภายใต้สถานการณ์ปกติ แต่ตอนนี้เราป้องกันเหตุการณ์เริ่มต้นนั่นคือเหตุการณ์กระโดดและจากนั้นเราจะไม่ข้ามไปที่ Baidu
2. Event.StopPropagation () - ป้องกันเหตุการณ์เดือดดาล
หมายเหตุ: องค์ประกอบที่ซ้อนกันโดยทั่วไปมีเหตุการณ์เดือดซึ่งจะนำเอฟเฟกต์บางอย่าง
ตัวอย่าง:
คัดลอกรหัสรหัสดังนี้:
<div id = "c1" onclick = "การแจ้งเตือน (1)">
<div id = "c2" online = "การแจ้งเตือน (2)">
<อินพุต type = "ปุ่ม" id = "c3" value = "คลิก" onclick = "การแจ้งเตือน (3)">
</div>
</div>
เมื่อคุณคลิกที่นี่เบราว์เซอร์จะปรากฏขึ้น 3,2,1 การทดสอบอย่างง่ายลองจินตนาการว่าหากปุ่มและพ่อของเขา -ระดับถูกผูกไว้กับเหตุการณ์สำคัญในเวลาเดียวกันในการพัฒนาโครงการผลลัพธ์จะแย่มาก วิธีการประมวลผลในเวลานี้คือการป้องกันเดือด
ลงทะเบียนเหตุการณ์คลิกไปยังอินพุตในขณะที่ป้องกันเหตุการณ์เดือด
คัดลอกรหัสรหัสดังนี้:
document.getElementById ('C3')
ตกลง! จุดตัด จุดตัด เป็น
PS: ที่นี่ฉันแนะนำเครื่องมือค้นหาออนไลน์สำหรับเหตุการณ์ JS
เหตุการณ์ JavaScript และฟังก์ชั่นคำอธิบาย Daquan:
http://tools.vevb.com/table/javascript_event