removeEventListener不工作

Question

我不知道我做错了什么，但这里有一个我正在做的例子，它似乎不起作用。

someDom.addEventListener('mousemove',function(ev) {self.onInputMove(ev)},false);

someDom.removeEventListener('mousemove',self.onInputMove);

将执行removeEventListener代码，但它不会删除'mousemove‘侦听器

Answer 1

removeEventListener删除与添加的函数完全匹配的侦听器。

在本例中，addEventListener添加的函数是：

var some_func = function(ev) {
    self.onInputMove(ev);
};

存储一个对实际函数的引用，这样就很好了。因此，例如，以下代码应该可以工作：

someDom.addEventListener('mousemove',self.onInputMove,false);

someDom.removeEventListener('mousemove',self.onInputMove,false);

Answer 2

onInputMove不是事件回调方法。所以你需要做一些类似的事情：

var event = function(ev) {self.onInputMove(ev)};
someDom.addEventListener('mousemove', event,false);

someDom.removeEventListener('mousemove', event, false);

Answer 3

为什么让它变得如此困难，只需使用以下内容将一个事件绑定到一个元素：

element.onmousemove = function(e) {
    // Some code here...
    alert("Mouse moved!");
};

现在，当您想要删除事件时，只需执行以下操作：

element.onmousemove = null;

完成了！

希望这对你们有帮助！