发布于 5年前

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

方式一:

$('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();
      }
    }
})
©2020 edoou.com   京ICP备16001874号-3