javascript - 如何删除由匿名函数声明的元素的事件？

Question

示例代码:

element.addEventListener('click',function () {
  this.style.backgroundColor = '#cc0000'
  //after element was clicked once what to do here to remove this event ?
},false)

在哪里做，是否可以直接在我放置评论的函数中进行？

Answer 1

如果您使用 addEventListener() 添加事件，您必须有对该函数的引用，以便能够随后将其删除。

使用只有 arguments.callee 才有可能的匿名函数，而且只有当你在函数本身中时:

element.addEventListener('click', function() {
    this.style.backgroundColor = '#cc0000';
    this.removeEventListener('click', arguments.callee);
}, false);

但请注意，这在 ES5“严格模式”中是不合法的。

因此，最好为回调命名，然后在调用 removeEventLister() 时使用该名称:

element.addEventListener('click', function cb() {
    this.style.backgroundColor = '#cc0000';
    this.removeEventListener('click', cb);
}, false);

演示在 http://jsfiddle.net/alnitak/RsaVE/