Question

我有一个看似非常棘手的情况。我想将一个对象的实例传递给由同一个对象实例创建的DOM元素的事件监听器（如果有意义的话）。

function Object(callback){
    this.callback = callback;
    this.node = document.createElement('div');
    this.send = function(){
        document.getElementById('list').appendChild(this.node);
    }
    this.node.addEventListener('click',function(){/*this.callback() of Object instance needs to go here*/},true);
}

我知道使用callback()可以在事件监听器中工作，但这不是我需要的，因为我将使用实例中的变量，这些变量稍后不会从构造中传递。

我该如何解决这个问题？

Answer 1

匿名函数改变了 this 的含义。为了能够在处理程序中使用它，使用另一个var，或者不创建另一个函数：

var elem = this;
this.node.addEventListener('click',function(){ elem.callback(); },true);

或

this.node.addEventListener('click', this.callback, true);

如何将JavaScript类实例传递给DOM事件侦听器？

1 个答案: