ก่อนอื่นมาดูรูปแบบเหตุการณ์ JS โมเดลเหตุการณ์ JS กำลังเดือดพล่านขึ้นไป ตัวอย่างเช่นหลังจากเหตุการณ์ onclick ถูกทริกเกอร์เหตุการณ์จะตามโหนดเพื่อเผยแพร่ขึ้นไปจนกว่าเหตุการณ์การคลิกจะถูกผูกไว้กับโหนดพาเรนต์ หากไม่ถึงรูทของเอกสาร
เพื่อหยุดฟองสบู่: 1. stoppropagation () สำหรับเบราว์เซอร์ที่ไม่ใช่ 2. แอตทริบิวต์ CancelBubble เป็นจริง สำหรับเบราว์เซอร์ IE
JQuery มีวิธีการที่เข้ากันได้กับเบราว์เซอร์แล้ว Event.stopimmediatepropagation ();
<! doctype html> <html> <head> <meta charset = "utf-8"/> <script type = "text/javascript" src = "js/jQuery-1.4.4.min.js"> </script> type = "text/css"> body {background-color:#999999;}#mydiv {พื้นหลังสี: #fffff; Width: 250px; ความสูง: 250px; แสดง: ไม่มี; } </style> <body> <อินพุต id = "btn" type = "button" value = "แสดง div"/> <div id = "mydiv"> นี่คือ div; </div> </body> <script type = "text/javascript"> var mydiv = $ ("#mydiv"); Div Method $ (เอกสาร). one ("คลิก", function () {// bind a Shadow Div Method $ (mydiv) .hide ();}); ecent.stoppropagation (); // หยุดเหตุการณ์เพื่อฟองขึ้น}); $ (mydiv) function showdiv () {$ (mydiv) .fadein ();} </script>