Primeiro, vejamos o modelo de evento JS. O modelo de evento JS está borbulhando para cima. Por exemplo, depois que um evento OnClick for acionado, o evento seguirá o nó para propagar para cima até que um evento de clique esteja vinculado ao nó pai. Se não atingir a raiz do documento.
Para parar de bolhas: 1. StopPropagation () para navegadores que não são de AI. 2. O atributo Cancelbubble é verdadeiro. Para o navegador do IE,
O jQuery já possui um método compatível com o navegador, Event.StopImediatePropagation ();
<! Doctype html> <html> <head> <meta charset = "utf-8"/> <script type = "text/javascript" src = "js/jQuery-1.4.4.minmin.js"> </Script> </title> </head> <estilo <estilo type = "text/css"> body {background-color:#999999;}#mydiv {background-color: #fffff; largura: 250px; altura: 250px; display: nenhum; } </style> <body> <input id = "btn" type = "button" value = "show div"/> <div id = "mydiv"> Este é um div; o método de exibição div $ (document) .One ("clique", function () {// liga um método de sombra div $ (mydiv) .hide ();}); event.stopPropagation (); // interrompe o evento para borbulhar); função showdiv () {$ (mydiv) .fadein ();} </sCript>