Javascript addEventListener仅适用于第一个元素

JavaScript的addEventListener方法用于向指定的元素添加事件监听器。它可以用于监听各种事件，例如点击事件、鼠标移动事件、键盘事件等。addEventListener方法可以为同一个元素添加多个不同类型的事件监听器。

对于"仅适用于第一个元素"这个问题，addEventListener方法实际上适用于所有匹配选择器的元素，而不仅仅是第一个元素。当使用querySelector或getElementById等方法选择元素时，它们只会返回匹配选择器的第一个元素。因此，如果只选择了一个元素，那么addEventListener方法只会应用于该元素。

如果想要为多个元素添加事件监听器，可以使用querySelectorAll方法选择多个元素，然后使用forEach循环为每个元素添加事件监听器。

以下是一个示例代码，演示如何使用addEventListener方法为多个元素添加点击事件监听器：

// 选择所有class为button的元素
const buttons = document.querySelectorAll('.button');

// 为每个按钮添加点击事件监听器
buttons.forEach(button => {
  button.addEventListener('click', () => {
    console.log('按钮被点击了');
  });
});

在上面的示例中，querySelectorAll方法选择了所有class为"button"的元素，并使用forEach循环为每个按钮添加了点击事件监听器。当任何一个按钮被点击时，控制台将输出"按钮被点击了"。

推荐的腾讯云相关产品和产品介绍链接地址：

• 云函数（Serverless）：https://cloud.tencent.com/product/scf
• 云开发（小程序开发）：https://cloud.tencent.com/product/tcb
• 云数据库（MongoDB）：https://cloud.tencent.com/product/mongodb
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke

请注意，以上链接仅供参考，具体选择适合自己需求的产品和服务时，请根据实际情况进行评估和选择。