javascript - 动态创建按钮元素并立即调用事件监听器

Question

因此，我创建按钮来响应成功的 AJAX 调用，每个按钮都需要使用该特定动态信息调用一个函数。这是我现在的做法:

    for(var i = 0; i < variableNames.length; i++) {

      var getInvButton = document.createElement('button');
      getInvButton.id = 'getInventoryButton';

      console.dir('Add a button with this ID: ' + variableNames[i]);

      getInvButton.addEventListener("click", function(charName, membershipName) {
           console.dir('Test button click: ' + charName);
           getInventoryVar(charName, membershipName);
      } (variableNames[i], 
 result.Response.characters.data[variableNames[i]].membershipId), false);
 }

我可以正确访问我的变量，并且使用每个按钮的正确参数调用 getInventoryVar。然而，该函数在添加后立即执行。

Answer 1

您可以像这样重写您的处理程序:

function(charName, membershipName) {
  return function(e) {
    console.dir('Test button click: ' + charName);
    getInventoryVar(charName, membershipName);
  }                           
} (variableNames[i], result.Response.characters.data[variableNames[i]].membershipId)