检测是否在整个文档上按下了按钮答案

【问题标题】：Detecting if a button has been pressed on the whole document检测是否在整个文档上按下了按钮
【发布时间】：2021-05-19 10:21:48
【问题描述】：

我想检测是否在文档上按下了按钮。这意味着我不想为每个按钮输入document.getElementById("ID").onclick。换句话说，我想检测是否在文档上按下了任何按钮。如果按下按钮，则获取该按钮对象，获取它的 textContent ，这就是它的全部内容。

【问题讨论】：

使用jQuery 非常简单，您可以在其中执行$("input[type='button']").on("click", function() { console.log(this.value) }); 之类的操作
嘿，好消息！它就像一个魅力。我个人不使用<input type="button">，而是使用 '' 所以我只是将 '$("input[type=button]")' 替换为 '$ （“按钮”）'，现在它可以工作了！非常感谢。
不客气 - 祝你项目的其余部分好运

标签： javascript html button document detect

【解决方案1】：

你试过了吗？

let buttons = document.querySelectorAll(".button");

buttons.forEach(btn=>{
    btn.addEventListener("click",function(e){
    btn.innerText = "CLICKED BUTTON"
    });
});

<button class="button">1</button>
<button class="button">2</button>
<button class="button">3</button>
<button class="button">4</button>

【讨论】：

请注意，箭头函数是not supported in IE11 or earlier（Edge 上很好），以防您需要支持旧版浏览器
@freefaller 我的错，你是对的。我更新了代码 sn-p。
感谢@freefaller 的快速说明。我确实在我的项目中到处使用箭头功能，甚至没有考虑兼容性。将它们全部替换为 function()，但有时我有点需要箭头函数。