Во -первых, давайте посмотрим на модель событий JS. Модель событий JS пузырится вверх. Например, после запуска события OnClick событие будет следовать за узлом, чтобы распространяться вверх до тех пор, пока событие клика не будет связано с родительским узлом. Если он не достигнет корня документа.
Чтобы остановить пузырьки: 1. StopPropagation () для браузеров, не относящихся к I,. 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> <title> </title> </head> <стиль. type = "text/css"> body {foangy-color:#999999;}#mydiv {founal-color: #fffff; width: 250px; высота: 250px; display: none; } </style> <body> <input id = "btn" type = "button" value = "show div"/> <div id = "mydiv"> это div; </div> </body> <script type = "text/javascript"> var mydiv = $ ("#mydiv"); $ () {$ ("#btn"). отображать метод div $ (document) .One ("click", function () {// связывать метод shadow div $ (mydiv) .hide ();}); event.stoppropagation (); // Остановить событие, чтобы пузырьть}); $ (mydiv) .click (function (event) {event.stopparation ();//остановить событие); function showdiv () {$ (mydiv) .fadein ();} </script>