javascript - 使用 javascript 检测点击

Question

有谁知道有一种方法可以检测点击了一系列图像输入按钮中的哪一个，并相应地执行一些 javascript？

例如，如果单击“关于”按钮，页面上的“关于”标题将变为蓝色。我可以单独执行此操作，但是否有循环或其他方法可以减少它？提前致谢!

Answer 1

如果您的按钮共享一个类，您可以使用 document.querySelectorAll 来选择所有按钮并使用 Array.prototype.forEach.call 进行迭代:

<button class="about-button" id="a">a</button>
<button class="about-button" id="b">b</button>
<button class="about-button" id="c">c</button>
<script>
    [].forEach.call(document.querySelectorAll('.about-button'), function(el) {
        el.addEventListener('click', imageButtonClickHandler);
    });

    function imageButtonClickHandler() {
        alert('button clicked: ' + this.id);
    }
</script>