如何检测光标将元素悬停而不移动它?

问题描述 投票:0回答:1

我正在构建一个Web应用程序,其中的页面具有上一个/下一个导航按钮。它是一个单页的React应用程序,当悬停导航按钮时,将预取上一页或下一页的数据。

[当用户在不移动鼠标的情况下单击两次“下一步”时,尽管鼠标一直悬停在按钮上(每页的相同位置),但第三页的数据并未预加载,因为发生了mouseover事件除非并且除非在每次加载页面后将鼠标移动至少1px,否则它不会触发。

[有没有一种方法可以在不移动光标的情况下检测到鼠标悬停事件,这不涉及手动检查按钮的尺寸,特别是通过getBoundingClientRects()并与页面加载时与光标clientX / clientY的坐标进行比较?

提前感谢!

javascript react-router mouseevent mouseover
1个回答
0
投票

按照jalynn2和Shilly的建议,最好以true上的布尔onMouseEnter形式存储此属性,onMouseLeave时则相反)

© www.soinside.com 2019 - 2024. All rights reserved.