addEventListener仍会多次触发(即使使用相同的名称回调)

addEventListener是JavaScript中的一个方法，用于向指定的元素添加事件监听器。当指定的事件发生时，该监听器会被触发执行。

在某些情况下，即使使用相同的名称回调函数，addEventListener仍然会多次触发。这通常是因为事件冒泡或事件捕获机制导致的。

事件冒泡是指当一个元素上的事件被触发时，它会向父级元素传播，直到传播到文档根节点。这意味着如果父级元素也有相同的事件监听器，它也会被触发。因此，如果在父级元素和子级元素上都添加了相同的事件监听器，事件就会触发多次。

事件捕获是指当一个元素上的事件被触发时，它会从文档根节点开始向下传播，直到传播到目标元素。然后，事件会在目标元素上触发，并继续向上传播到父级元素。同样地，如果在目标元素和父级元素上都添加了相同的事件监听器，事件也会触发多次。

为了避免事件多次触发的问题，可以使用事件对象的stopPropagation方法来停止事件的传播。在事件监听器中调用event.stopPropagation()可以阻止事件继续向上传播或冒泡。

以下是一些应用场景和示例：

1. 单击事件监听器：

document.getElementById("myButton").addEventListener("click", function(event) {
  event.stopPropagation(); // 阻止事件冒泡或捕获
  console.log("Button clicked");
});

1. 表单提交事件监听器：

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单提交
  console.log("Form submitted");
});

1. 键盘按键事件监听器：

document.addEventListener("keydown", function(event) {
  if (event.key === "Enter") {
    console.log("Enter key pressed");
  }
});

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

1. 云函数（Serverless）：https://cloud.tencent.com/product/scf
2. 云服务器（CVM）：https://cloud.tencent.com/product/cvm
3. 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
4. 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
5. 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
6. 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
7. 移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
8. 对象存储（COS）：https://cloud.tencent.com/product/cos
9. 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
10. 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe