JS点击空白关闭弹窗的方式

发布时间 2023-10-30 11:22:53作者: 蓝色精灵jah
1  
2 $(document).mouseup(function(e) { 
3     var  pop = $('popDialog');  
4     if(!pop.is(e.target) && pop.has(e.target).length === 0) { 
5         // 可以在这里关闭弹窗
6         some code... 
7     }  
8 });  
9  

判断点击事件发生在区域外的两个条件:

  1. 点击事件的对象不是目标区域本身
  2. 事件对象不是目标区域的子元素