addEventListener被触发两次

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

addEventListener被触发两次的情况可能有以下几种原因：

1. 重复绑定事件监听器：如果在代码中多次调用addEventListener方法，绑定了相同的事件监听器到同一个元素上，那么当事件发生时，监听器会被触发多次。解决方法是在绑定事件监听器之前，先检查是否已经存在相同的监听器，如果存在则不再重复绑定。
2. 事件冒泡或捕获阶段重复触发：当一个元素上的事件被触发时，事件会在DOM树中进行传播，分为捕获阶段和冒泡阶段。如果在DOM树的某个层级上存在多个相同类型的元素，并且它们都绑定了相同的事件监听器，那么事件在传播过程中可能会触发多次。解决方法是在事件监听器中使用event.stopPropagation()方法停止事件的传播，或者在捕获阶段使用addEventListener的第三个参数设置为true，以确保只有最外层的元素触发事件。
3. 事件委托导致重复触发：事件委托是指将事件监听器绑定到父元素上，通过事件冒泡机制来处理子元素的事件。如果在事件委托的过程中，子元素和父元素都绑定了相同的事件监听器，那么事件在传播过程中可能会触发多次。解决方法是在事件委托的监听器中，通过event.target属性判断事件源是否是期望的子元素，如果是则执行相应的逻辑。

总结起来，当addEventListener被触发两次时，可能是由于重复绑定事件监听器、事件冒泡或捕获阶段重复触发、事件委托导致重复触发等原因。在编写代码时，需要注意避免这些情况的发生，以确保事件只被触发一次。

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

• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
• 移动推送服务（TPNS）：https://cloud.tencent.com/product/tpns
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 区块链服务（TBC）：https://cloud.tencent.com/product/tbc
• 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse