javascript - 如何在鼠标已经在元素上动态添加时捕获鼠标悬停事件？

Question

我动态添加这个

$(ele).on("mouseover")

当用户将鼠标悬停在元素上时，但似乎 mouseover事件仅在我重新输入元素时触发。

Here is example in jsFiddle (点击<div>添加事件监听器)

如何在不手动触发的情况下实现这一点 .mouseover() ?

Answer 1

我想到的最佳解决方案是(感谢 Brandon 的 suggestion):

在文档中存储 x,y 位置(稍微降低网页上的性能):

$(document).mousemove(function (e) {
    // Set global values
    window.mouseXPos = e.pageX;
    window.mouseYPos = e.pageY;
});

然后当动画结束时:

$(document.elementFromPoint(window.mouseXPos, window.mouseYPos)).trigger("mouseenter");