Question

所以，这听起来像是一个微不足道的问题但不知怎的，我不太确定如何解决它。

这是我想要实现的目标：

function myObject() {
    //...
}

myObject.prototype.method1 = function() {
    document.addEventListener("mousemove", this.method3, false);
}

myObject.prototype.method2 = function() {
    document.removeEventListener("mousemove", this.method3, false);
}

myObject.prototype.method3 = function(e) {
    //...
}

显然这不起作用，因为＆＃34;这个＆＃34;会出错。我通常的解决方法是使用匿名函数：

myObject.prototype.method1 = function() {
    var that = this;

    document.addEventListener("mousemove", function(e) {that.method3(e);}, false);
}

但是我不能使用removeEventListener

解决这类问题的最佳方法是什么？我真的不想将全局变量用于中间函数。

Answer 1

您可以将处理程序功能传递给method1和method2。毕竟，这些方法可能也想要注册其他处理程序......

（更改某些功能的名称，使其更有意义）

function myObject() {
    //...
}

myObject.prototype.listenMouse = function(handler) {
    document.addEventListener("mousemove", handler, false);
}

myObject.prototype.unlistenMouse = function(handler) {
    document.removeEventListener("mousemove", handler, false);
}

myObject.prototype.standardMouseHandler = function(e) {
    //...
}

然后：

var obj = new myObject();
obj.listenMouse(obj.standardMouseHandler);
// ...
obj.unlistenMouse(obj.standardMouseHandler);

removeEventListener，对象和这个

1 个答案: