javascript - 在包含图像的 Div 上设置 EventListener 不触发功能

Question

我在 div 元素中放置了一个图像，并在其上设置了一个点击监听器，但是方法 onGermanFlagClicked 没有执行。

<div style="position: absolute; top: 10px; padding-left: 10px;" id="de">
    <img src="https://upload.wikimedia.org/wikipedia/en/thumb/b/ba/Flag_of_Germany.svg/1280px-Flag_of_Germany.svg.png" heigth="50px" width="50px"/>
</div>

<script>
  var germanFlag = document.getElementById("de");
  germanFlag.addEventListener("onclick", onGermanFlagClicked);
  
  /* Changing language here */
  function onGermanFlagClicked(event){
    event.preventDefault();
    console.log("clicked");
  }
</script>

我该如何解决这个问题？

Answer 1

它是:germanFlag.addEventListener("click", onGermanFlagClicked); 不是 germanFlag.addEventListener("onclick", onGermanFlagClicked);。检查一下。