Javascript：删除匿名事件侦听器 [英] Javascript: removing an anonymous event listener

问题描述

可能重复：

删除匿名事件侦听器

我有以下十字浏览器功能添加事件监听器：

I have the following cross browser function to add an event listener:

_SU3.addEventListener = function(elem, eventName, fn) {
if(elem.addEventListener ) {
    elem.addEventListener(eventName, fn, false);
  } else if (elem.attachEvent) {
      elem.attachEvent('on'+eventName, fn);
  } 
};

我添加了这样的听众：

_SU3.addEventListener(_show, "click", function(event) { 
                             _SU3.getChildren(_show, uri, element); 
                    });

哪个都没关系但是，我想在调用一次之后删除它。就是这样：

Which is all fine. However I want to remove the listener after it has been called once. I.e something like:

_SU3.getChildren = function(_show, url, element) {

... blah... 

_SU3.removeEventListener(_show, 'click', ANON_FUNCTION);

};

但是当然听众函数是匿名的，所以没有函数名称来引用。

But of course the listener function is anonymous so there's no function name to reference.

如何删除收听者？

谢谢

推荐答案

您需要保留对该函数的引用：

You need to keep a reference to the function:

var foo = function(event) { _SU3.getChildren(_show, uri, element); };

_SU3.addEventListener(_show, "click",  foo);

...

_SU3.getChildren = function(_show, url, element) {

... blah... 

_SU3.removeEventListener(_show, 'click', foo);

};

确保变量 foo 在删除事件侦听器的范围。

Make sure that the variable foo is in the scope of where you remove the event listener.

这篇关于Javascript：删除匿名事件侦听器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！