javascript - removeEventListener 在 Javascript 中不起作用

Question

我有以下代码来监听和删除事件。但是，该事件不会被删除:

window.addEventListener('mousemove', (event) => {
    this.controlColumnWidth(event, startOffset, column)
})
window.removeEventListener('mouseup', this.controlColumnWidth)

如何解决这个问题？

Answer 1

您在这里混合了两个不同的事件，mousemove 和 mouseup。

此外，您还需要确保删除最初注册的相同 (event) => { ... } 函数实例:

const handler = event => {
  this.controlColumnWidth(event, startOffset, column);
};

window.addEventListener('mousemove', handler);
window.removeEventListener('mousemove', handler);

// You can also store the handler on `this` if you need to remove
// the event in a different function (such as in the destroyed hook)