阻止冒泡：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>

　　推荐阅读

　　js使用函数绑定技术改变事件处理程序的作用域

第一种，也是 最常见的，就是直接在html标签里面通过指定事件处理程序同名的HTML属性来注册事件，代码如下： 复制代码 代码如下: function eventHandler() { alert("当前作用域是 input 元素本身"); } <input type>>>详细阅读

本文标题：DIV外区域Click后关闭DIV的实现代码

地址：http://www.17bianji.com/kaifa2/JS/23807.html

 1/2    1