外部元素 - 關閉事件 - 不工作 - js

Question

我做了一個延遲打開模態，除了一個功能外，一切正常 - 在模態外單擊時關閉 - 當我單擊模態外時它不會關閉，請您幫我看看為什么？

這是帶有不起作用的行的js代碼：

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

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

整個模式在這里： https : //codepen.io/hubkubas/pen/wXpYwy

Answer 1

像這樣傳遞回調函數（不帶括號）：

window.addEventListener('click', outsideClick);

然后將使用默認參數調用outsideClick ，並且event不會被取消定義。

Answer 2

像這樣更改事件監聽器window.addEventListener('click', outsideClick);