原生 js点击空白处关闭遮罩层（关闭某个div）

小崔一打五

于 2023-07-03 09:05:13 发布

阅读量933

点赞数 1

文章标签： javascript 前端开发语言 jquery

本文链接：https://blog.csdn.net/weixin_58437310/article/details/131508956

版权

如图所示点击空白处关闭此div

document.addEventListener('click', function(e) {//监听页面点击事件
        var screenDoc = document.querySelector('.controlHead');//需要关闭的div
        var control = document.querySelector('.control');//设置的按钮
        if (screenDoc && !screenDoc.contains(e.target) && !control.contains(e.target)) {
            screenDoc.style.display = "none";
            conIs = true;
        }
    }, false)