将事件侦听器添加到具有相同类的多个按钮 - Javascript

在Javascript中，我们可以使用事件侦听器来检测HTML元素上的事件，并在事件发生时执行相应的JavaScript代码。在处理多个具有相同类的按钮时，我们可以通过添加事件侦听器来确保它们都能够执行相同的JavaScript代码，而无需为每个按钮单独编写代码。

以下是一个示例代码片段，其中演示了如何使用Javascript将事件侦听器添加到具有相同类的多个按钮上：

// 获取具有相同类名的所有按钮
var buttons = document.getElementsByClassName("my-buttons");

// 循环添加事件侦听器
for (var i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener("click", function() {
    // 在这里执行相应的JavaScript代码
    console.log("按钮被点击了");
  })
}

在上面的代码片段中，我们先使用 document.getElementsByClassName 方法获取具有 "my-buttons" 类名的所有按钮。然后，我们使用 for 循环为每个按钮添加一个事件侦听器。在这个示例中，我们将 click 事件和一个匿名函数绑定在一起。当任何一个按钮被点击时，这个匿名函数就会被执行。在匿名函数中，我们可以编写我们想要执行的JavaScript代码。

这是一个基本的例子，你可以根据自己的需求修改代码，并在匿名函数中编写你自己的JavaScript代码。

总之，使用上述代码片段，你可以将事件侦听器添加到具有相同类的多个按钮上，而无需为每个按钮单独编写代码。