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

时间:2012-08-21 13:01:20

标签: javascript jquery

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

当其中一个元素在鼠标下面再次激活时,会出现问题。一旦移动的元素不再移动,它们应该再次注册鼠标悬停在它们上面。但是,由于鼠标中心在元素被停用时发生,因此一旦元素再次激活,则不会触发事件。

如果您将鼠标从元素上移开,然后再次打开,则可以正常工作。这显然不是非常用户友好。

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

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

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

问题在于,当页面是动画时,鼠标移动到页面区域,滚动条不会(也不应该)显示。但是,一旦动画完成,应用程序应该注册用户正在页面区域内悬停,而不会将鼠标移到外部并返回到此空间内。

1 个答案:

答案 0 :(得分:2)

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

重新启用行为时测试最后一个已知鼠标位置的元素
document.elementFromPoint(x, y)