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
原创粉丝点击