如何检查document.click内部具有动态创建的元素的下拉菜单？

Question

我在content_script上使用下面的代码来获取鼠标目标，但是，在运行时创建的元素下拉菜单中，它没有获得“单击”触发器。 我的意思是，我可以看到所有对象的目标，甚至下拉列表本身，只是创建的元素不会触发该函数。

$(window).on('click', function(event){
{
console.log(event.target);
}

值得一提的是mousemove可以正常工作

document.onmousemove = function(e)
{
console.log(e.target);
}

我的下拉菜单基本上是一个'ul'元素中的一堆'li'，由另一个js创建，显示为一个下拉菜单，有人有什么想法吗？

Answer 1

当绑定到的元素已经存在时，必须执行事件绑定代码。您需要使用Event Delegation。on()回答了同样的问题here 示例：

$(document).on('.select2-results__options .select2-results__option','selector', function(event){
  console.log(event.target);
});