我正在构建一个网站,有几个按钮,其中某些按钮具有一种类别,而其他按钮则具有另一种类别。我想做的是找到最佳方法来查找被点击的按钮,而不必为每个单独的按钮添加事件侦听器。我已经想出了以下两个for循环,以查找所有带有class button-1和class button-2的按钮。作为一个相对新手的javascript程序员,我不想养成不良习惯,因此希望能得到任何关于实现此目标的最佳建议。
<section>
<div class="button--1"></div>
<div class="button--1"></div>
<div class="button--2"></div>
</section>
<section>
<div class="button--2"></div>
<div class="button--1"></div>
<div class="button--2"></div>
</section>
var button1 = document.querySelectorAll('.button--1');
var button2 = document.querySelectorAll('.button--2');
for (var a = 0; a < button1.length; a++) {
button1[a].addEventListener('click',function(){
//do something
});
}
for (var b = 0; b < button2.length; b++) {
button1[b].addEventListener('click',function(){
//do something
});
}