คำถามติดแท็ก event-bubbling

อะไรคือความแตกต่างระหว่างเหตุการณ์เดือดและการจับ? เมื่อใดที่หนึ่งควรใช้ bubbling vs capture

1041 javascript  dom-events  event-bubbling 

ฉันพยายามที่จะเข้าใจความแตกต่างนี้โดยเฉพาะระหว่างโดยตรงและได้รับการแต่งตั้งจัดการเหตุการณ์โดยใช้jQuery .on ()วิธีการ ประโยคสุดท้ายในย่อหน้านี้โดยเฉพาะ: เมื่อselectorมีให้จัดการเหตุการณ์จะเรียกว่าได้รับมอบหมาย ตัวจัดการจะไม่ถูกเรียกเมื่อเหตุการณ์เกิดขึ้นโดยตรงกับองค์ประกอบที่ถูกผูก แต่สำหรับลูกหลาน (องค์ประกอบภายใน) ที่ตรงกับตัวเลือก jQuery ทำให้ฟองเหตุการณ์จากเหตุการณ์เป้าหมายไปยังองค์ประกอบที่แนบตัวจัดการ (กล่าวคือภายในสุดถึงองค์ประกอบนอกสุด) และเรียกใช้ตัวจัดการสำหรับองค์ประกอบใด ๆ ตามเส้นทางนั้นที่ตรงกับตัวเลือก การ "เรียกใช้ตัวจัดการสำหรับองค์ประกอบใด ๆ " หมายความว่าอย่างไร ฉันทำหน้าทดสอบเพื่อทดสอบด้วยแนวคิด แต่โครงสร้างทั้งสองต่อไปนี้นำไปสู่พฤติกรรมที่เหมือนกัน: $("div#target span.green").on("click", function() { alert($(this).attr("class") + " is clicked"); }); หรือ, $("div#target").on("click", "span.green", function() { alert($(this).attr("class") + " is clicked"); }); บางทีใครบางคนอาจอ้างถึงตัวอย่างที่แตกต่างเพื่อชี้แจงประเด็นนี้? ขอบคุณ

159 javascript  jquery  event-bubbling  jquery-events  event-binding 

jquery toggle การเรียก preventDefault () เป็นค่าเริ่มต้นดังนั้นค่าเริ่มต้นจะไม่ทำงาน คุณไม่สามารถคลิกที่ช่องทำเครื่องหมายคุณไม่สามารถคลิกลิงค์ ฯลฯ ได้ เป็นไปได้หรือไม่ที่จะกู้คืนตัวจัดการเริ่มต้น

128 javascript  jquery  events  preventdefault  event-bubbling 

ฉันต้องการทราบว่านี่เป็นวิธีที่ถูกต้องในการซ่อนองค์ประกอบที่มองเห็นได้หรือไม่เมื่อคลิกที่ใดก็ได้บนหน้า $(document).click(function (event) { $('#myDIV:visible').hide(); }); องค์ประกอบ (div, span ฯลฯ ) ไม่ควรหายไปเมื่อเหตุการณ์คลิกเกิดขึ้นภายในขอบเขตขององค์ประกอบ

121 jquery  events  event-bubbling