call Object Function from onClick Event

Question

У меня есть test.html, который включает tree.js.

в этом HTML У меня есть

<div id='forObj'></div> 
<script type='text/javascript'> 
var obj = new Tree(document.getElementById('forObj'); 
</script> 

Внутри Tree.js файла У меня есть функция под названием

this.draw 
... 
else 
      { 

        div.onclick = function(){obj.eventFoo(this.id);}; 

      } 

...

моя Проблема: Теперь каждый должен позвонить объект obj или это не сработает. Как я могу обобщить его, чтобы объект мог получить каждое имя, которое хочет использовать кодер?

Привет

Answer 1

Просто определить свою собственную obj переменную с текущим экземпляром, используя closure для слушателя событий:

… else { 
    var obj = this; 
    div.onclick = function(e) { 
     obj.eventFoo(this.id); 
    }; 
} 

Смотрите также How to access the correct `this` context inside a callback? для очень похожем проявления проблемы (хотя вы о покупке, чтобы использовать обработчика).