¿Cómo paso una instancia de clase de JavaScript a un receptor de eventos de DOM?

Question

Tengo lo que parece ser una situación muy difícil. Me gustaría pasar una instancia de un objeto al oyente de eventos de un elemento DOM que fue creado por esa misma instancia de objeto (si tiene sentido).

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); 
} 

Yo sé que el uso de callback() funcionaría dentro del detector de eventos, pero eso no es lo que necesito, porque me va a utilizar las variables de la instancia que no se transmitan a partir del constructo más adelante.

¿Cómo puedo solucionar esto?

Answer 1

La función anónima cambia el significado de este. Para poder utilizarlo dentro del controlador, utilice otro var, o no crear otra función:

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

o

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