不能使用删除事件侦听器
cant use remove Event Listener
function attachEvent(element, event, callbackFunction) {
if(element.addEventListener) {
element.addEventListener(event, function(){
removeArray();
callbackFunction(this.getAttribute("src"));
}, false);
}
}
function removeEvent(){
var element = document.querySelectorAll('.Dicon');
element.removeEventListener("click", handler);
console.log("remove");
}
我有一些类称为 Dicon 的图像,我使用 addEventlistner 让他们能够点击,但现在我想删除事件列表器,但不知何故我无法让它工作,我遇到了错误。
错误
Uncaught TypeError: element.removeEventListener is not a function
如何解决这个问题? 它们都是图像。
>querySelectorAll
返回一个集合,而不是单个元素。如果只想获取第一个匹配元素,请使用 querySelector
(无All
(。否则,您将索引到集合中(例如,第一个匹配元素为 [0]
,第二个元素[1]
(,使用 length
知道有多少个。
您还需要定义handler
。
请注意,您无法删除在第一个代码块中使用addEventListener
附加的处理程序,因为要删除处理程序,您必须提供与提供给removeEventListener
addEventListener
相同的函数引用,并且您没有该引用,因为您将函数表达式直接传递到addEventListener
中。
您需要将该引用保留在某个位置(例如,变量或属性(,以便稍后使用它来删除处理程序。
document.querySelectorAll()
返回一个 htmlCollection,因此您需要遍历这些项目以从每个项目中删除侦听器:
var element = document.querySelectorAll('.Dicon');
Array.prototype.forEach.call(element, function(el) {
el.removeEventListener("click", handler);
});
还要注意 @T.J. Crowder 在他的答案的第二个块中所说的关于删除完全相同的函数引用的处理程序。
相关文章:
- 如何在for循环中添加事件侦听器
- 未命中服务器发送的事件侦听器
- 如何覆盖原型中的事件侦听器
- 无法将事件侦听器附加到画布
- 如何在d3.js中自定义事件侦听器
- 在es6中,将带有回调的事件侦听器设置为可迭代的
- 事件侦听器未在chrome扩展中的options.js中启动
- IE8更改文本区域上的事件侦听器不工作
- 将事件侦听器添加到文档,而不是签入元素存在,然后添加事件侦听器
- javascript删除事件侦听器
- 我应该/如何清除mousemove JQuery事件侦听器
- 在JQuery中使用谷歌地图Api事件/侦听器
- 如何使用我的Jquery代码创建委托事件侦听器
- 'mousemove'画布中的事件侦听器-指针仅在最后一个矩形中更改
- 为什么此事件侦听器不工作
- 是否可以在数字输入框中的小按钮中添加事件侦听器
- 在Google Chrome扩展中添加事件侦听器
- SVG元素在转换后会丢失事件侦听器
- jQuery事件侦听器多次启动
- 如何在不删除类似侦听器的情况下从父对象中删除jQuery事件侦听器