javascript - 如何获取在 Javascript 中按下的按钮的名称？

Question

我有 2<div>个至少 81 个按钮，它们都具有相同的类，但它们具有不同的 id 和名称。我试图弄清楚如何提醒正在按下的当前按钮的名称。

标签： javascriptarraysbutton

Answer 1

获取具有相同类名的所有按钮并将click事件侦听器分配给每个按钮，以便在单击按钮时调用侦听器：

function btnClick(){
 console.log(this.id + " " + this.name);
}

var allButtons = document.getElementsByClassName('myButton');
for(i=0; i<allButtons.length; i++){
   allButtons[i].addEventListener('click', btnClick);
}

<button id="1" class="myButton" name='name1'>B1</button>
<button id="2" class="myButton" name='name2'>B2</button>
<button id="3" class="myButton" name='name3'>B2</button>
<button id="4" class="myButton" name='name4'>B2</button>
<button id="5" class="myButton" name='name5'>B2</button>