Chrome扩展开发：qtip动态生成元素定位问题及解决

我正在为某网站开发Chrome扩展做体验优化，作为编程新手，一开始在定位包含“Completed”文本的元素时碰了壁——最初的查询代码在控制台完全没有输出。

后来排查发现问题根源：目标元素由qtooltip工具生成，它仅在用户悬停时才会动态创建，常规的页面加载后直接查询元素的方法根本无法捕捉到它。

最终通过监听mouseover事件解决了这个问题，可行代码如下：

document.addEventListener('mouseover', function(event) {
  var target = event.target;
  if (target.classList.contains('pre-qtip-content')) {
    var elements = target.querySelectorAll("a.wl-item.dropdown-item.added");
    var result = false;
    elements.forEach(function(element) {
      if (element.innerText.search("Completed") >= 0) {
        console.log("Successfully Identified");
        result = true;
      }
    });
    return result;
  }
});

目前这段代码已经可以正常运行。我6年前自学过JavaScript但一直没实际应用，初始代码是AI生成的，之后自己做了调整适配需求。

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