点击非自己区域，隐藏自己 JS

从早到晚搞学习

已于 2023-10-20 16:34:57 修改

阅读量82

点赞数

文章标签：前端 javascript

于 2023-10-20 16:22:18 首次发布

本文链接：https://blog.csdn.net/weixin_46601685/article/details/133949091

版权

自己做了一个icon。

点击icon，打开或者关闭弹窗。

点击非弹窗区域，弹窗关闭。

icon

弹窗

监听点击事件。如果是点击的icon，return.

如果是点击的，非弹窗部分，关闭弹窗

window.addEventListener('click', (event) => {
            const iconModel = document.querySelector('.iconA') || {};
            if (iconModel.contains(event.target)) {
                return;
            }
            const model = document.querySelector('.modalB') || {};
            if (!model.contains(event.target)) {
                //关闭弹窗事件
            }
        });