Javascript 如何为恰好在鼠标指针下创建的动态dom触发鼠标输入事件

我有一个场景，其中我的dom被重新创建，我需要为新的dom调用mouseenter事件，该dom当前在鼠标指针下，没有任何操作

$（“#单击按钮”）。单击（函数（）{
var p1=“
第一段”
”；
变量p2=$（“
”）。文本（“第二段”）；
var p3=document.createElement（“p”）；
p3.innerHTML=“第三段”；
p3.类列表。添加（“段落”）；
var div=$（“”）。追加（p1、p2、p3）；
$（#content”）.html（div）；
});
$（'body'）。on（'mouseenter'，'p.para'，function（）{
console.log（$（this.text（））；
});

点击我！
您需要稍微修改一下

$("#click-button").click(function() {})

到

事件单击已通过文档注册
您的代码正在代码段中工作。请使用
$element.Trigger（“mouseenter”）
手动触发事件。我认为该事件是在鼠标实际进入元素时触发的。如果鼠标光标没有以某种方式移动，则某些浏览器不会触发任何鼠标事件。@Eytibi如果我使用jquery/javascript触发mouseenter，则会对所有p.para元素调用它。我不想那样。我只希望事件指向当前鼠标指针下的元素。@Muzy您可以在处理一些简单逻辑的特定悬停元素上触发
mouseenter
事件，例如：我的问题不在于单击事件。单击事件按预期工作。我希望为新DOM调用mouseenter事件，该DOM将执行任何鼠标操作
$(document).on("click", "#click-button", function() {})