我需要訪問事件上下文和對象範圍內的事件處理程序

Question

我有這段代碼：

function ActivityDialog(_divId, _title) { 

    function addButton() { 
     var buttonElement = document.createElement('input'); 
     buttonElement.setAttribute('type','button'); 
     buttonElement.setAttribute('class','button'); 
     buttonElement.setAttribute('id','updateButton-' + id);); 
     buttonElement.onclick = this.updateAction; 
    }; 

    function updateAction() { 
     var buttonId = this.id; // correct: this is the Button 
     this.sendUpdateRequest(stringUrl); // not defined: Need to reference the current ActivityDialog!!!  
    }; 

    function sendUpdateRequest(url) { 
     // something... 
    }; 

} 

正如你所看到的問題是，當我打電話功能sendUpdateRequest;哪能，在同一時間，檢索按鈕信息並調用函數？

Answer 1

你可以試試這個...

function ActivityDialog(_divId, _title) { 

    // Store the ActivityDialog context 
    var self = this; 

    function addButton() { 
     var buttonElement = document.createElement('input'); 
     buttonElement.setAttribute('type','button'); 
     buttonElement.setAttribute('class','button'); 
     buttonElement.setAttribute('id','updateButton-' + id);); 
     buttonElement.onclick = this.updateAction; 
    }; 

    function updateAction() { 
     var buttonId = this.id; 
     self.sendUpdateRequest(stringUrl); // <--------------------- 
    }; 

    function sendUpdateRequest(url) { 
     // something... 
    }; 

} 

因爲你使用updateAction作爲事件處理程序，正確地看到this將生成事件的按鈕。存儲ActivityDialog的初始上下文將允許您保持對事件處理程序的訪問權限。