來自onClick的調用對象函數事件

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或這不起作用。 我該如何概括它，所以Object可以得到編碼器想要使用的每個名稱？

問候

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?了一個非常類似的問題的表現形式（雖然你想使用處理程序的this）。