为什么我的removeEventListener 在 JavaScript 中不起作用？

Javascript removeEventListener 不工作

在事件处理领域，removeEventListener 方法在从元素分离事件监听器方面起着至关重要的作用。然而，遇到removeEventListener无法按预期运行的问题可能会令人沮丧。

考虑以下代码片段：

<code class="javascript">area.addEventListener('click',function(event) {
    app.addSpot(event.clientX,event.clientY);
    app.addFlag = 1;
},true);</code>

此代码熟练地附加一个匿名函数作为“click”的事件侦听器' 'area' 元素上的事件。但是，当尝试使用以下代码删除此侦听器时：

<code class="javascript">area.removeEventListener('click',function(event) {
    app.addSpot(event.clientX,event.clientY);
    app.addFlag = 1;
},true);</code>

您可能会遇到障碍。问题在于addEventListener 和removeEventListener 中使用的匿名函数的不同性质。作为removeEventListener 参数提供的函数与之前注册的函数不同。要解决此问题，请将侦听器函数分配给命名变量：

<code class="javascript">function foo(event) {
    app.addSpot(event.clientX,event.clientY);
    app.addFlag = 1;
}
area.addEventListener('click',foo,true);
area.removeEventListener('click',foo,true);</code>

以上是为什么我的removeEventListener 在 JavaScript 中不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！