如何从Javascript中的元素中删除click事件？ [英] How can I remove a click event from an element in Javascript?

问题描述

我有一个< div> 元素，它使用以下代码附加了一个点击事件：

I have a <div> element that has a click event attached to it using the following code:

var id = "someId";
var elem = document.getElementById("elemId");
elem.addEventListener("click", function() { someFunction(id); }, false);

稍后我复制元素并将其添加到 DOM ，但需要先删除点击事件

At a later point I copy the element and add it to another part of the DOM, but need to first remove the click event

var elem = document.getElementById("elemId");
elem.removeEventListener("click", ???? , false);

我不知道如何引用监听器，到目前为止我没有尝试过删除事件从元素。

I'm not sure how to reference the listener and so far nothing I have tried has removed the event from the element.

任何想法？

干杯

斯图尔特

推荐答案

将匿名点击处理函数移出 addEventListener 调用：

Move the anonymous click handler function out of the addEventListener call:

var id = "someId";
var elem = document.getElementById("elemId");
var elemEventHandler = function() { someFunction(id); };
elem.addEventListener("click", elemEventHandler , false);

之后你应该可以：

var elem = document.getElementById("elemId");
elem.removeEventListener("click", elemEventHandler , false);

这篇关于如何从Javascript中的元素中删除click事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！