为什么我的事件监听器在点击时不显示模式？

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),);