|
阻止冒泡： 1、stopPropagation()对于非IE浏览器。 2、cancelBubble属性为true，对于IE浏览器， 而Jquery已经有兼容浏览器的方法，event.stopImmediatePropagation(); . 代码如下:
<style> body { background:black; } #myDiv { background: #fff; width:250px; height:250px; display:none; } </style> <div id="myDiv"> This is a div; </div> <input id="btn" type="button" value="显示DIV" /> <script type="text/javascript"> var myDiv = $("#myDiv"); $(function () { $("#btn").click(function (event) { showDiv();//调用显示DIV方法 $(document).one("click", function () {//对document绑定一个影藏Div方法 $(myDiv).hide(); }); event.stopPropagation();//阻止事件向上冒泡 }); $(myDiv).click(function (event) { event.stopPropagation();//阻止事件向上冒泡 }); }); function showDiv() { $(myDiv).fadeIn(); } </script> |