JavaScript：on 事件中的多个元素中的相同点击事件

在 Web 开发中，经常会遇到需要对多个元素同时绑定相同点击事件的情况。这时我们可以使用 on 事件来完成。on 事件可以为一个元素绑定多个事件、多个事件处理器，也可将一个事件绑定到多个元素上。

下面是一个简单的示例，通过 on 事件来为多个按钮绑定相同的点击事件：

// 获取所有的按钮
const buttons = document.querySelectorAll('.btn');

// 为所有按钮绑定点击事件
buttons.forEach(button => {
  button.addEventListener('click', () => {
    console.log('点击了按钮');
  });
});

在上述代码中，我们首先通过 document.querySelectorAll() 方法获取到所有的按钮。然后使用 forEach() 方法来遍历所有按钮，为每个按钮绑定相同的点击事件。在点击按钮时，控制台将输出 '点击了按钮'。

在实际开发中，我们也可以利用 on 事件来为多种类型的元素绑定相同的事件，例如：

document.querySelectorAll('.btn, .link, #logo').forEach(element => {
  element.addEventListener('click', () => {
    console.log('点击了按钮、链接或者 Logo');
  });
});

在上述代码中，我们使用逗号来分隔多个元素选择器，同时为所有满足条件的元素绑定了相同的点击事件。在点击按钮、链接或者 Logo 时，控制台将输出 '点击了按钮、链接或者 Logo'。

总之，通过 on 事件可以轻松为多个元素绑定相同的事件，这在 Web 开发中非常实用。