爲什麼我的事件偵聽器不能在點擊時顯示模態？

Question

我有一個圖像，我希望模型在圖像被點擊時顯示。該模式最初顯示「無」。

這是（非常簡單）模態。

<div id="modal" style="background-color: #000;"> <!--MODAL----> 
    <span id="close">&times;</span> 
</div> 

<img id="image" src="agave.jpg"/> <!--Click to display modal--> 

這似乎很簡單，爲什麼它不工作？

var img = document.getElementById("image"); 

function displayModal(event){ 

    var modal = document.getElementById("modal"); 

    if(modal.style.display == "none"){ 

     modal.style.display = "block"; 
    } 

    else{modal.style.display = "none";} 
} 

img.addEventListener("click", displayModal(event)); 

Answer 1

它應該是：（傳遞函數本身作爲第二個參數）

img.addEventListener("click", displayModal); 

這會通過結果函數的作爲第二個參數

img.addEventListener("click", displayModal(event),);