问如果目标包含特定类，则window.onclick函数不会删除类
EN

Stack Overflow用户

提问于 2018-01-17 06:29:41

回答 1查看 211关注 0票数 0

我有一个模态函数设置，它基本上添加了一个类，并在单击模态触发器按钮时显示。我还有一个关闭按钮，可以隐藏模式并删除类，但我也想在窗口事件上这样做。

这就是我到目前为止所拥有的，但似乎不起作用。

window.onclick = (e) => {
    if (e.target.classList.contains === 'modal--active') {
        e.classList.remove('modal--active');
    }
}

因此，基本上，如果modal包含modal--active类，则在浏览器窗口中的任意位置单击时删除该类。

附注:我试着将严格等于‘===’的词删除为‘=’，但没有成功。

任何帮助都是很棒的，谢谢！

回答已采纳

发布于 2018-01-17 06:30:32

将其更改为e.target.classList.contains('modal--active')，contains它是一个函数，而不是DOM节点的属性。

完整代码：

window.onclick = (e) => {
    if (e.target.classList.contains('modal--active')) {
        e.target.classList.remove('modal--active');
    }
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48290856

复制

相似问题

问如果目标包含特定类，则window.onclick函数不会删除类EN