Javascript 如何检测按下了哪个按钮

我想知道在许多按钮列表中按下了哪个按钮。例如，如果第二个按钮被按下，则代码检测到第二个向下的按钮被按下，并返回类似于

[1]

的内容。然而，我不知道该怎么做。当我搜索时，涉及jQuery，但我没有使用jQuery。代码如下：

var table=document.getElementById（“表”）；
函数CreateRow（）{
var CoreButton=document.createElement（“按钮”）；
var ButtonText=document.createTextNode（“添加”）；
CoreButton.appendChild（ButtonText）；
document.body.appendChild（CoreButton）；
var NewRow=table.insertRow（-1）；
var NewName=NewRow.insertCell（-1）；
var AddRow=NewRow.insertCell（-1）；
AddRow.id=“AddRow”；
AddRow.className=“AddRow”；
AddRow.appendChild（CoreButton）；
}

添加按钮

您可以在从1开始的每个按钮上添加类似于数据属性的内容，并设置如下eventListener

这将在文档上设置eventListener，并在单击目标与.AddRow类的元素不匹配时返回。 如果匹配，则根据e.target.dataset访问数据属性

document.addEventListener('click', e => {
    if(!e.target.matches('.AddRow')) return;
    console.log(e.target.dataset.id);
});

按钮示例

<button class="AddRow" data-id="1"></button>

---

您可以在从1开始的每个按钮上添加类似于数据属性的内容，并设置如下eventListener

这将在文档上设置eventListener，并在单击目标与.AddRow类的元素不匹配时返回。 如果匹配，则根据e.target.dataset访问数据属性

document.addEventListener('click', e => {
    if(!e.target.matches('.AddRow')) return;
    console.log(e.target.dataset.id);
});

按钮示例

<button class="AddRow" data-id="1"></button>

var table=document.getElementById（“表”）；
函数CreateRow（obj）{
var row=parseInt（obj.getAttribute（'data-row'）；
var CoreButton=document.createElement（“按钮”）；
CoreButton.classList.add（'btn'）；
CoreButton.setAttribute（'data-row'，row+1）；
var ButtonText=document.createTextNode（“添加”）；
CoreButton.appendChild（ButtonText）；
addEventListener（'click'，function（）{CreateRow（CoreButton）}，false）；
document.body.appendChild（CoreButton）；
var NewRow=table.insertRow（-1）；
var NewName=NewRow.insertCell（-1）；
var AddRow=NewRow.insertCell（-1）；
AddRow.id=“AddRow”；
AddRow.className=“AddRow”；
}

添加按钮

var table=document.getElementById（“表”）；
函数CreateRow（obj）{
var row=parseInt（obj.getAttribute（'data-row'）；
var CoreButton=document.createElement（“按钮”）；
CoreButton.classList.add（'btn'）；
CoreButton.setAttribute（'data-row'，row+1）；
var ButtonText=document.createTextNode（“添加”）；
CoreButton.appendChild（ButtonText）；
addEventListener（'click'，function（）{CreateRow（CoreButton）}，false）；
document.body.appendChild（CoreButton）；
var NewRow=table.insertRow（-1）；
var NewName=NewRow.insertCell（-1）；
var AddRow=NewRow.insertCell（-1）；
AddRow.id=“AddRow”；
AddRow.className=“AddRow”；
}

添加按钮