Chrome扩展无法检测特定元素单次点击问题求助

你的问题核心是目标元素的页面内部逻辑在冒泡阶段阻止了单次点击事件的传播，但未对双击事件做相同处理。当前代码采用冒泡阶段监听document的click事件，因此无法捕获被阻断的单次点击。

解决步骤： #

1. 切换到事件捕获模式监听：将addEventListener的第三个参数设为true，让document在事件到达目标元素前的捕获阶段就监听到点击，不受目标元素的冒泡阻止逻辑影响。
2. 保留原有双击监听逻辑：双击事件未被页面阻断，可维持原监听方式。

修改后的content.js代码：

if (!window.recordStepsInjected) {
  window.recordStepsInjected = true;
  console.log("Page URL:", window.location.href);
  // 捕获模式监听click事件
  document.addEventListener("click", function (event) {
    console.log("Clicked:", event.target);
  }, true);
  document.addEventListener("dblclick", function (event) {
    console.log("Double Clicked:", event.target);
  });
}

补充说明： #

• 点击SVG能正常触发是因为该元素没有阻止事件冒泡的逻辑，事件可顺利传递到document。
• 双击不受影响是因为页面未针对dblclick事件添加阻止传播的处理，因此原有监听能生效。

内容的提问来源于stack exchange，提问作者priya