javascript动态按钮点击事件

Question

我正在为表中的每个要删除的对象创建一个动态按钮。我让按钮 id 具有该行的键，这样我就可以在单击时查询它以了解要删除哪一个。由于我为所有按钮分配相同的功能，因此我需要将单击的按钮传递给事件处理程序，以便我可以从事件处理程序内部查询 id。

当硬编码时，我只是将“this”传递给事件处理程序。制作动态按钮时如何做到这一点？

现在我有:

{
var cell0 = row.insertCell(0);
var btn = document.createElement("input");
btn.type = "button";
btn.id = "btnHistorySelect_" + roundHdr[i].id;              // append the id to the name so we can get it when select button is clicked so we know what round to select as current
btn.value = "Set Current";
btn.onclick = btnHistorySelect;
cell0.appendChild(btn);
}


function btnHistorySelect() {
}

事件处理程序被调用，但我不知道是什么按钮点击了。

Answer 1

您可以使用 this.id 或 event.target.id 属性来获取启动事件的按钮的 id。

function btnHistorySelect(event) {

    var id = this.id;

         or
   // var elem = event.target;
   // var id = elem.id

}

因为您正在分配函数引用，所以函数内的 this 对应于当前元素是有问题的。