除指定区域外点击任何地方隐藏DIV

最新推荐文章于 2020-07-29 10:59:49 发布

FlyingPenguin007

最新推荐文章于 2020-07-29 10:59:49 发布

阅读量583

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/FengHongSeXiaoXiang/article/details/78984038

版权

JQuery 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

$('body').click(function(e) {
    var target = $(e.target);
    // 如果#overlay或者#btn下面还有子元素，可使用
    // !target.is('#btn *') && !target.is('#overlay *')
    if(!target.is('#btn') && !target.is('#overlay')) {
       if ( $('#overlay').is(':visible') ) {  
            $('#overlay').hide();                                                    
       }
    }
});

或者

$('body').click(function(e) {
   if(e.target.id != 'btn' && e.target.id != 'overlay')
      if ( $('#overlay').is(':visible') ) {
         $('#overlay').hide();
      }
})