Tout d'abord, regardons le modèle de l'événement JS. Le modèle d'événement JS bouillonne vers le haut. Par exemple, une fois un événement ONClick déclenché, l'événement suivra le nœud pour se propager vers le haut jusqu'à ce qu'un événement de clic soit lié à un nœud parent. S'il n'atteint pas la racine du document.
Pour arrêter les bulles: 1. StopPropagation () pour les navigateurs non IE. 2. L'attribut CancelBubble est vrai. Pour le navigateur,
JQuery a déjà une méthode compatible avec le navigateur, event.StopimMediatEpropagation ();
<! Doctype html> <html> <éadf> <meta charset = "utf-8" /> <script type = "text / javascript" src = "js / jQuery-1.4.4.min.js"> </ script> <ititle> </ title> </ head> <style type = "text / css"> body {background-color: # 999999;} # myDiv {background-Color: #fffff; width: 250px; height: 250px; affiche: aucun; } </ style> <body> <input id = "btn" type = "bouton" value = "show div" /> <div id = "myDiv"> Ceci est un div; </div> </ body> <script type = "text / javascript"> var mydiv = $ ("# mydiv"); $ (function () {$ ("# btn"). Div Method $ (document) .one ("click", function () {// lier une méthode Shadow Div $ (mydiv) .hide ();}); event.stoppropagation (); // arrêter l'événement pour bubble up}); $ (mydiv) .click (function (event) {event.stoppropagation (); // arrêter l'événement de Bubble Upward});}); fonction showDiv () {$ (mydiv) .fadein ();} </cript>