javascript - 是否可以在没有 removeEventListener 的情况下删除事件监听器？

Question

这是我的问题。我有这个 div 事件 onclick():

<div style="float: left; margin-bottom: 10px; background-image: url('../bundles/web/img/370799.jpg'); background-repeat: no-repeat; margin-left: 5px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; padding-right: -10px;">
    {% for card in cards %}
       <div id="{{ card.id }}" onclick="getImage({{ card.id }})" style="float:left;">
            <img class="img-responsive" style="width: 100px; height: 130px;"  src="{{'../bundles/web/img/cartas/' ~ card.image }}">
       </div>
    {% endfor %}
</div>

此 javascript 用于删除事件监听器，但我阅读了 removeEventListener() 的文档，但说此函数仅适用于 addEventListener() 的使用:

<script type="text/javascript">
   function getImage(e) {
      document.getElementById(1).appendChild(
          document.getElementById(e)
      );

      document.getElementById(e).removeEventListener("onclick", getImage);
   }
</script>

就是这样。感谢您的帮助:)

Answer 1

您可以通过将相应的属性值设置为 null 来删除内联事件处理程序

document.getElementById(e).onclick = null;