获取鼠标悬停的元素而不移动鼠标 - jQuery JavaScript

Question

我有一个包含多个过渡元素的应用程序。这些相同的元素对 mouseenter 和 mouseleave 事件做出反应。这些事件在转换期间被停用，以避免用户与传输中的元素交互。

当这些元素之一再次处于活动状态时位于鼠标下方时，就会出现问题。一旦移动元素不再移动，它们应该再次注册鼠标悬停在它们的顶部。但由于 mouseenter 是在元素停用时发生的，因此一旦元素再次激活，该事件就不会被触发。

如果您将鼠标从该元素上移开，然后再次打开，它就可以正常工作。这显然对用户不太友好。

有没有办法在不移动鼠标的情况下注册鼠标悬停在元素上？

有关上面讨论的元素的更多信息：所讨论的元素是包含大量内容的大型 div。它们实际上是我动态添加和删除的应用程序中的页面。我有一个自定义滚动条，显示该区域是否具有焦点，如果没有则隐藏。

当鼠标移入页面内容区域时，将显示自定义滚动条。一旦移出，滚动条就会再次隐藏。当动画运行时，所有事件都处于非活动状态。

问题是，当页面动画时鼠标移动到页面区域，滚动条不会（也不应该）显示。然而，一旦动画完成，应用程序应该注册用户正在页面区域内悬停，而无需将鼠标移出该空间并移回该空间内。

Answer 1

使用事件跟踪鼠标的位置mousemove，并在使用以下命令重新启用行为时在最后一个已知的鼠标位置测试元素

document.elementFromPoint(x, y)