먼저 JS 이벤트 모델을 살펴 보겠습니다. JS 이벤트 모델이 위쪽으로 거품이 듭니다. 예를 들어, OnClick 이벤트가 트리거 된 후 이벤트는 클릭 이벤트가 상위 노드에 바인딩 될 때까지 노드를 따라 위쪽으로 전파됩니다. 문서의 루트에 도달하지 않은 경우.
거품을 중지하려면 : 1. 비이 브라우저의 경우 stopPropagation (). 2. CANCELBUBBLE 속성이 사실입니다. IE 브라우저의 경우
jQuery는 이미 브라우저 호환 메소드, event.stopimmediatePropagation ();
<! doctype html> <html> <head> <meta charset = "utf-8"/> <script type = "text/javaScript"src = "js/jquery-1.4.min.js"> </script> <title> </title> </head> <스타일 type = "text/css"> body {back }. Display Div Method $ (Document) .One ( "Click", Function () {// Shadow Div 메소드 $ (MyDiv) .Hide ();}); Event.StoPPropAgation (); // 이벤트 중지}); $ (MyDiv) .Click (function (event) {Event) {event.stopPropagation ()); 함수 showdiv () {$ (mydiv) .fadein ();} </script>