点击空白部分将中间弹框隐藏方法（转载）

最新推荐文章于 2023-04-04 15:45:33 发布

一路追求匠人精神

最新推荐文章于 2023-04-04 15:45:33 发布

阅读量248

点赞数

分类专栏：前端

原文链接：https://www.jianshu.com/p/a1cbeedc94f0

版权

前端专栏收录该内容

115 篇文章 2 订阅

订阅专栏

var pop = $('.pop');
$('.btn-pop').on('click', function(e){
  e.stopPropagation();  
  pop.show();
});

$('.close').on('click', function(){
  pop.hide();
});
$(document).click(function(e){
  // 方法1
  //    if($(':not(.pop)')){
  //      pop.hide();
  //    }
  // 方法2 
  if(!pop.is(e.target) && pop.has(e.target).length === 0){
    pop.hide();
  }
});

1.btn-pop --- 点击即将点击的按钮。

pop ---- 弹框。