Javascript 如果目标包含特定类,则window.onclick函数不删除类
我设置了一个模态函数,它基本上添加了一个类,并在单击模态触发器按钮时显示。我还有一个关闭按钮,隐藏模态并删除类,但我也想在窗口事件上这样做 这是我目前所拥有的,但似乎不起作用Javascript 如果目标包含特定类,则window.onclick函数不删除类,javascript,modal-dialog,Javascript,Modal Dialog,我设置了一个模态函数,它基本上添加了一个类,并在单击模态触发器按钮时显示。我还有一个关闭按钮,隐藏模态并删除类,但我也想在窗口事件上这样做 这是我目前所拥有的,但似乎不起作用 window.onclick = (e) => { if (e.target.classList.contains === 'modal--active') { e.classList.remove('modal--active'); } } 因此,基本上,如果模态包含一个模态类--
window.onclick = (e) => {
if (e.target.classList.contains === 'modal--active') {
e.classList.remove('modal--active');
}
}
因此,基本上,如果模态包含一个模态类--active,请在单击浏览器窗口中的任意位置时删除该类
另外,我试着把严格相等的“==”改为只“==”,但运气不好
任何帮助都会很棒,谢谢 将其更改为
e.target.classList.contains('modal--active')
,它是一个函数,而不是DOM节点的属性
完整代码:
window.onclick = (e) => {
if (e.target.classList.contains('modal--active')) {
e.target.classList.remove('modal--active');
}
}