css 通过单击弹出窗口外部正确关闭弹出窗口?

arknldoa  于 2023-05-08  发布在  其他
关注(0)|答案(1)|浏览(176)

我有一些错误在我的html+css+js文档.这是Map,如果你点击这些数字之一,有一个弹出窗口(信息标签),但它滞后,如果你点击它以外。它只有当你点击**“location_pop”**div才能工作,但我想通过点击它的外部关闭弹出窗口。我需要写它只使用单一的HTML文档把它放入 *T123蒂尔达块 *。
html doc打开此文档以完整查看图片
我已经添加了点击事件,但可能有一些错误在vars我不知道,但它不工作。
js code

document.addEventListener('click', (e) => {
            if(e.target === popupBg) {
                popupBg.classList.remove('active');
            }
        });
ovfsdjhp

ovfsdjhp1#

我刚刚看到你的错误,你比较错误的元素。如果用户点击任何地方在svg弹出窗口将关闭。不如试试这个

document.addEventListener('click', (e) => {
        if(e.target.tagName === 'svg') {
            popupBg.classList.remove('active');
        }
});

相关问题