我有一个包含多个转换元素的应用程序。这些相同的元素对mouseenter和mouseleave事件做出反应。这些事件在转换期间被停用,以避免用户与传输中的元素进行交互。
当其中一个元素在鼠标下面再次激活时,会出现问题。一旦移动的元素不再移动,它们应该再次注册鼠标悬停在它们上面。但是,由于鼠标中心在元素被停用时发生,因此一旦元素再次激活,则不会触发事件。
如果您将鼠标从元素上移开,然后再次打开,则可以正常工作。这显然不是非常用户友好。
有没有办法在不移动鼠标的情况下注册鼠标悬停在元素上?
有关上述元素的更多信息: 有问题的元素是包含大量内容的大型div。它们实际上是我动态添加和删除的应用程序中的页面。我有一个自定义滚动条,显示该区域是否具有焦点,如果没有则隐藏。
当鼠标移动到页面内容区域时,会显示自定义滚动条。一旦它移出,滚动条就会再次隐藏。动画运行时,所有事件都处于非活动状态。
问题在于,当页面是动画时,鼠标移动到页面区域,滚动条不会(也不应该)显示。但是,一旦动画完成,应用程序应该注册用户正在页面区域内悬停,而不会将鼠标移到外部并返回到此空间内。
答案 0 :(得分:2)
使用mousemove
事件跟踪鼠标的位置,并在使用
document.elementFromPoint(x, y)