1. 首页
  2. 问题列表
  3. 如何移除对象的事件侦听器？绑定(这个)？[重复]
提问者：小点点

如何移除对象的事件侦听器？绑定(这个)？[重复]


内部对象构造函数：

this.notification.addEventListener(barcodeScanner.NEW_READING, this.handleBarcode.bind(this));

当它摧毁时：

this.notification.removeEventListener(barcodeScanner.NEW_READING, this.handleBarcode.bind(this), this);

我可以添加事件侦听器并正常工作，但当对象破坏时，我无法删除单个事件侦听器。

虽然与问题不太相关，但我使用的是EventDispatcher.js和Class.js。

我可以修改EventDispatcher. js中的代码以满足我的需要。但是如何在不删除所有其他侦听器的情况下删除对象函数的事件侦听器呢？


共2个答案

匿名用户

它不会被移除，因为它是另一个对象。

.bind（） 每次都返回一个新对象。

您需要将它存储在某个地方，并使用它来删除:

var handler = this.handleBarcode.bind(this);

然后

this.notification.addEventListener(barcodeScanner.NEW_READING, handler);

或者

this.notification.removeEventListener(barcodeScanner.NEW_READING, handler);

匿名用户

以下是如何在某些组件中绑定和取消绑定事件处理程序的方法：

var o = {
  list: [1, 2, 3, 4],
  add: function () {
    var b = document.getElementsByTagName('body')[0];
    b.addEventListener('click', this._onClick());

  },
  remove: function () {
    var b = document.getElementsByTagName('body')[0];
    b.removeEventListener('click', this._onClick());
  },
  _onClick: function () {
    this.clickFn = this.clickFn || this._showLog.bind(this);
    return this.clickFn;
  },
  _showLog: function (e) {
    console.log('click', this.list, e);
  }
};



// Example to test the solution

o.add();

setTimeout(function () {
  console.log('setTimeout');
  o.remove();
}, 5000);

相关问题