jQuery实现点击div外的区域,来隐藏它自身
来源:互联网 发布:地摊制作广告软件 编辑:程序博客网 时间:2024/06/07 19:15
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/jquery.min.js"></script> <title></title> <script type="text/javascript"> $(document).bind('click', function(e) { var e = e || window.event; //浏览器兼容性 var elem = e.target || e.srcElement; while (elem) { //循环判断至跟节点,防止点击的是div子元素 if (elem.id && elem.id == 'test') { return; } elem = elem.parentNode; } $('#test').css('display', 'none'); //点击的不是div或其子元素 }); </script> </head> <body> <div id="test" style="width: 300px; height: 300px; background-color: #CBC7BC;"> div测试内容,点击其它地方会隐藏此div模块。 </div> </body> </html>
阅读全文
0 0
- jQuery实现点击div外的区域,来隐藏它自身
- js实现的点击div区域外隐藏div区域
- js实现的点击div区域外隐藏div区域
- 点击div外区域实现隐藏
- 点击div区域外隐藏div区域
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- JQuery:除指定区域外点击任何地方隐藏DIV
- 使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏
- angularjs实现点击图标显示div,点击div以外的区域隐藏div
- JQuery实现点击div以外的位置隐藏该div
- jQuery点击网页任意空白区域隐藏div
- jquery实现某个对象(div)外任意点击隐藏对象
- jQuery实现点击其他地方div隐藏
- jQuery实现点击其他地方div隐藏
- 点击空白区域,div隐藏
- 点击div以外的其他区域,div隐藏
- jquery实现点击div空白处隐藏该div
- jquery实现div的隐藏。
- [Jquery]checkbox和radio的checked选中问题
- ElasticSearch入门 第八篇:存储
- SpringMVC框架(三)
- [BZOJ1656][Usaco2006 Jan] The Grove 树木(bfs)
- 【bzoj 3622】【JZOJ 5429】 排列
- jQuery实现点击div外的区域,来隐藏它自身
- 转载:Python高级特性 列表生成式(List Comprehensions)
- MySQL 找到临时表用到磁盘的SQL
- 第五课:流与其他
- 解决.NET 调用 SAP RFC函数时报 Lookup of function XXX metadata failed for destination Conn 错误
- 组合模式和命令模式的联用实例
- Linux下安装jdk8步骤详述
- CentOS7下搭建Zookeeper集群启动报Error contacting service. It is probably not running错误
- Java经典基础练习41-50