أولاً ، دعونا نلقي نظرة على نموذج حدث JS. نموذج حدث JS هو الفقاعات لأعلى. على سبيل المثال ، بعد تشغيل حدث onclick ، سيتبع الحدث العقدة للانتشار لأعلى حتى يتم ربط حدث النقر بالعقدة الأصل. إذا لم تصل إلى جذر المستند.
لإيقاف الفقاعات: 1. توقف () للمتصفحات غير IE. 2. سمة CancelBble صحيحة. لمتصفح IE ،
لدى jQuery بالفعل طريقة متوافقة مع المتصفح ، Event.StopimMediAtePropagation () ؛
<! doctype html> <html> <head> <meta charset = "utf-8"/> <script type = "text/javaScript" src = "js/jquery-1.4.4 type = "text/css"> body {background-color:#999999 ؛}#mydiv {background-color: #fffff ؛ width: 250px ؛ height: 250px ؛ display: none ؛ } </style> <body> <input id = "btn" type = "button" value = "show div"/> <div id = "mydiv"> هذا div ؛ </viv> </body> <script type = "text/javaScript"> var mydiv = $ ( عرض طريقة div $ (وثيقة). ONE ("Click" ، function () {// inline طريقة الظل div $ (mydiv) .hide () ؛}) ؛ event.stoppropagation () ؛ // توقف الحدث إلى فقاعة up}) ؛ $ (mydiv) .click (function (event) {event.StoppRopagation () ؛ وظيفة showdiv () {$ (mydiv) .fadein () ؛} </script>