Question

我正在写一个Chrome扩展程序，它动态确定单击的元素xpath。它使用insertAdjacentHTML函数（如下所示）创建文本区域Web元素，并将单击的元素xpath放置到该元素。

    document.body.insertAdjacentHTML('beforeend',this.html);
    //this.html is string version of text area web element

    document.addEventListener('click', this.getData, true);

上面的代码获取元素的xpath并将其放置到创建的文本区域中。我还想计算并显示与文本区域中的xpath匹配的元素数（用户可以编辑文本区域）为此，我尝试为文本区域元素添加另一个事件监听器，如下所示：

 var element= document.getElementById("inspector-text-area")
          element.addEventListener('change',function(e){
            console.log("event fired")
            ...
         });

运行扩展后，将clicked元素的xpath放置到创建的文本区域Web元素中，但是当我编辑文本区域时，不会触发下一个添加的事件侦听器的功能。我怎么了谢谢。

Answer 1

它与事件捕获和事件冒泡有关

添加动态创建的Web元素的事件侦听器

1 个答案: