Schauen wir uns zunächst das JS -Ereignismodell an. Das JS -Ereignismodell sprudelt nach oben. Nachdem ein Onclick -Ereignis ausgelöst wurde, folgt das Ereignis dem Knoten, um sich nach oben zu verbreiten, bis ein Klickereignis an einen übergeordneten Knoten gebunden ist. Wenn es nicht die Wurzel des Dokuments erreicht.
Blasen stoppen: 1. StopPropagation () für Nicht-I-Browser. 2. Das CancelBubble -Attribut ist wahr. Für IE Browser,
JQuery verfügt bereits über eine Browser-kompatible Methode, Ereignis.StopimmediatePropagation ();
<! DocType html> <html> <kopf> <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 {background-color: #fffff; width: 250px; Höhe: 250px; Anzeige: keine; } </style> <body> <input id = "btn" type = "button" value = "show div"/> <div id = "mydiv"> Dies ist ein div; </div> </body> <script type = "text/javascript"> var mydiv = $ ("#mydiv"); DIV -Methode $ (Dokument) .One ("click", function () {// Binden einer Schatten -Div -Methode $ (mydiv) .hide ();}); Ereignis.Stoppropagation (); // das Ereignis stoppen, um aufzusprudeln}); Funktion showDiv () {$ (mydiv) .fadein ();} </script>