Javascript 单击动态创建的列表上的事件

我想将事件处理程序添加到动态生成的列表中。我需要阻止列表项上的默认操作，只需“单击”控制台日志即可。下面是我尝试做的一个例子：

$（“#制作列表”）。单击（函数（）{
var mainList=document.getElementById（“列表”）；
对于（变量i=0；i<6；i++）{
mainList.innerHTML+=“
”
};
})
$（“.the-list\u link”）。在（“单击”，函数（）上）{
e、 预防默认值（）；
控制台日志（“单击”）；
});

名单

您实际上并没有授权单击（应该是
$（“#列表”）。在（“单击”、“-列表链接”
）
您忘记将事件传递给执行
e.preventDefault（）；

$（“#制作列表”）。单击（函数（）{
var mainList=document.getElementById（“列表”）；
对于（变量i=0；i<6；i++）{
mainList.innerHTML+=“
”
};
})
$（“#列表”）。在（“单击”）上。在-list_u链接上，函数（e）{
e、 预防默认值（）；
控制台日志（“单击”）；
})；

名单

您实际上并没有授权单击（应该是
$（“#列表”）。在（“单击”、“-列表链接”
）
您忘记将事件传递给执行
e.preventDefault（）；

$（“#制作列表”）。单击（函数（）{
var mainList=document.getElementById（“列表”）；
对于（变量i=0；i<6；i++）{
mainList.innerHTML+=“
”
};
})
$（“#列表”）。在（“单击”）上。在-list_u链接上，函数（e）{
e、 预防默认值（）；
控制台日志（“单击”）；
})；

名单
从现有元素（如body或列表）委派。
范例

来自现有元素（如主体或列表）的委托。
范例

创建列表后，只需在相同的方法中移动事件处理程序。也许您应该再次阅读这两个问题/答案，绑定单击的方式不被委派创建列表后，必须在相同的方法中移动事件处理程序。也许您应该再次阅读这两个问题/答案，绑定单击的方式不被委派e我贴得更近的答案-我没有注意到你需要以家长为目标。我想
.on（）
会以我的方式以链接为目标。我阅读了贴得更近的答案-我没有注意到你需要以家长为目标。我想
.on（）
会以我的方式以链接为目标。
$("#the-list").on("click", ".the-list__link", function(e) {
  e.preventDefault();
  console.log("click");
});