DIV外区域Click后关闭DIV的实现代码
2011-12-21 00:00
375 查看
阻止冒泡:
1、stopPropagation()对于非IE浏览器。
2、cancelBubble属性为true,对于IE浏览器,
而Jquery已经有兼容浏览器的方法,event.stopImmediatePropagation();
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>
相关文章推荐
- DIV外区域Click后关闭DIV
- 点击不在这个区域部分,div消失,jquery代码 - hiding an element on click of anything else on the page
- jQuery实现点击按钮弹出一个div,点击其他区域关闭该div
- div背景颜色怎样渐变 css实现div层背景颜色渐变代码
- js代码,当div中内容高度超出div高度的时候实现定制滚动条!
- css+div实现圆角矩形代码总结
- div 内table 居中实现代码
- 通过DIV+CSS实现 一块没有连接的区域实现鼠标事件的动态效果
- javascript 指定区域内图片等比例缩放实现代码 脚本之家整合版 原创
- JS实现超精简的链接列表在固定区域内滚动效果代码
- JS实现超精简的链接列表在固定区域内滚动效果代码
- 利用div+css实现几种经典布局的详解,样式以及代码!
- 获取鼠标在div中的相对位置的实现代码
- 在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
- 相邻div实现一个跟着另一个自适应高度示例代码
- JavaScript中判断页面关闭、页面刷新的实现代码
- 实现DIV圆角的js代码和使用方法
- JS来实现右下角弹出DIV,可最小化关闭
- 获取鼠标在div中的相对位置的实现代码