首页 > 解决方案 > 外部元素 - 关闭事件 - 不起作用 - js

问题描述

我做了一个延迟打开模态,除了一个功能外一切正常 - 在模态外单击时关闭 - 当我单击模态时它没有关闭,请你帮我为什么?

这是带有行不通的行的 js 代码:

window.addEventListener('click', outsideClick());

function outsideClick(event) {
    if(event.target == modal) {
        modal.style.display = ('none');
    }
}

整个模式在这里:https ://codepen.io/hubkubas/pen/wXpYwy

标签: javascriptmodal-dialogdom-events

解决方案


像这样传递回调函数(不带括号):

window.addEventListener('click', outsideClick);

然后outsideClick将使用默认参数调用并且event不会未定义。


推荐阅读