javascript - 在不移动鼠标的情况下获取鼠标悬停的元素 - jQuery JavaScript

Question

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

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

如果您随后将鼠标从该元素上移开，然后再将其移开，则效果很好。这显然对用户不太友好。

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

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

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

问题是鼠标在页面动画时移动到页面区域，滚动条不(也不应该)显示。然而，一旦动画完成，应用程序应该记录用户正在页面区域内部悬停，而无需将鼠标移出和移回此空间。

Answer 1

使用 mousemove 事件跟踪鼠标的位置，并在使用

重新启用该行为时在最后已知的鼠标位置测试元素

document.elementFromPoint(x, y)