单击元素时内部的元素检测

Question

我在容器元素中定义了一个click函数。此容器元素内的元素与容器的大小相同。但是当我实现click事件时，它检测不到容器。它检测内部元素

中的容器

<div onclick='toggle_class()'>
  <img src='source_img'/>
</div>

<script>
 function toggle_class(){
   event.target.classList.add('open');
 }
</script>

Answer 1

替换

` function toggle_class(){
   event.target.classList.add('open');
 }`

使用

 function toggle_class(){
   event.currentTarget.classList.add('open');
 }