在addeventlistener中使用此關鍵字調用javascript類的方法

Question

我想通過addEventListener調用類“ Example”中的函數getItemList（）

var text_box = document.getElementById(this.text_box_id);
text_box.addEventListener('onchange', function(){this.getItemList('3', '10')}, false) 

Answer 1

它應該是change ，而不是onchange 。 僅在IE中，您必須使用on(EventName) 。

this處理程序里將參考text_box （該事件被上提出的元件）。 您必須捕獲對當前this的引用：

var that = this;
text_box.addEventListener('change', function(){    
    that.getItemList('3', '10')
}, false);

或在支持bind瀏覽器中（您也可以提供自己的實現，如本文檔所示）：

text_box.addEventListener('change', function(){    
    this.getItemList('3', '10')
}.bind(this), false);