window.onclick 函数在目标包含特定类时不删除类

Question

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

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

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

所以基本上如果模态包含一个模态--active类，在浏览器窗口中单击任意位置时删除该类。

P.s 我尝试删除严格等于的 ' === ' 到只是 ' = '，但没有运气。

任何帮助都会很棒，谢谢！

Answer 1

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

完整代码：

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