如何通过两个嵌套匿名函数（事件处理程序与超时）传递变量

Question

我有一些代码循环遍历每个id并添加一个字符计数处理程序。因为我需要将id变量传递给处理函数，所以我需要使用这个匿名函数event.data.param1。添加处理程序时，因为他们被延迟，所以处理程序需要有做什么，它需要做之前超时

$('#comment_editor' + id).on("click dbclick mousedown mousemove mouseover mouseout mouseup keydown keypress keyup blur change focus select", {param1: id}, 
function (event) { 
    comment_change(event.data.param1); 
}); 

粘贴和剪切需要一个修复。同样，我需要将id变量传递给处理程序，但是我还需要通过超时。我设置了它，但它不起作用。

$('#comment_editor'+updates[i][0]).on("paste cut", {param1:id}, 
    function (event) { 
     setTimeout(
      function (event) { 
       comment_change(event.data.param1); 
      }, 1); 
    } 
); 
} 

我怎样才能得到过去/剪切处理程序接受id变量？

Answer 1

尝试从功能PARAM删除event您发送超时：

$('#comment_editor' + id).on("paste cut", 
    function (event) { 
     setTimeout(
      function() { 
       comment_change(event.data.param1, id); 
      }, 1); 
    } 
); 

这样，你event从外部封闭将“继承”。

Answer 2

您不能在for内部引用id，因为当处理程序将被执行时，id将始终引用循环内部处理的最后一个值。

因此应该将处理程序创建移动到另一个方法，如getHandlerFor(id)。通过这种方式，您可以将每个id与该方法的上下文绑定在一起，并且您可以直接从函数内引用id。

，如：

var getHandlerFor = function (id) { 
    return function (event) { 
     setTimeout(
      function() { 
       // use id without worries, since it has been bound to the context of this method. 
       comment_change(event.data.param1); 
      }, 1); 
    }; 
}; 

/* ... */ 

for(var id in ids){ 
    $('#comment_editor' + id).on("paste cut", getHandlerFor(id)); 
}