点击空白处 关闭遮罩

Posted itliulei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击空白处 关闭遮罩相关的知识,希望对你有一定的参考价值。

$(document).mouseup(function(e){

var _con=$(‘目标区域class/id‘) ; // 获取目标区域

if(!_con.is(e.target) && _con.has(e.target).length === 0){

// 判断点击事件发生在区域外的条件是

// 1.点击事件的对象不是目标区域本身

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

// 满足以上两个条件 就这个在这个区域里写 功能代码

}

})

以上是关于点击空白处 关闭遮罩的主要内容,如果未能解决你的问题,请参考以下文章

简单的jquery点击弹出背景变暗遮罩效果

mui 禁止透明背景点击关闭弹窗遮罩

pc端点击弹出弹出框以及遮罩层的时候页面右侧出现空白区域,使得页面整体左移一下

pc端点击弹出弹出框以及遮罩层的时候页面右侧出现空白区域,使得页面整体左移一下

jquery 点击标题弹出内容和遮罩层后,点击关闭按钮怎么关闭

模态框-如何设置使得点击遮罩层不会关闭模态框