JS類使用事件監聽器

Question

我有一個具有處理事件的函數的類。 但是當事件監聽器調用處理函數時， this關鍵字引用被點擊的元素而不是類。 我想從處理函數中使類的其他變量/函數可見。

看看： http ： //jsfiddle.net/cy7uM/1/

（使用FireBug或其他調試器查看console.log消息）

function Class(){
    this.hello = "Hello World";

    document.getElementById("c").addEventListener("click", this.clickHandler); //doesn't work when clicked
}

Class.prototype.clickHandler = function(){
    console.log(this);
    alert(this.hello);   
}

var myobj = new Class();

myobj.clickHandler(); //works

Answer 1

嘗試

function Class(){
    this.hello = "Hello World";

    document.getElementById("c").addEventListener("click", this.clickHandler.bind(this));
}