我需要访问事件上下文和对象范围内的事件处理程序

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的初始上下文将允许您保持对事件处理程序的访问权限。