我正在构建一个Web应用程序,其中的页面具有上一个/下一个导航按钮。它是一个单页的React应用程序,当悬停导航按钮时,将预取上一页或下一页的数据。
[当用户在不移动鼠标的情况下单击两次“下一步”时,尽管鼠标一直悬停在按钮上(每页的相同位置),但第三页的数据并未预加载,因为发生了mouseover
事件除非并且除非在每次加载页面后将鼠标移动至少1px,否则它不会触发。
[有没有一种方法可以在不移动光标的情况下检测到鼠标悬停事件,这不涉及手动检查按钮的尺寸,特别是通过getBoundingClientRects()
并与页面加载时与光标clientX
/ clientY
的坐标进行比较?
提前感谢!
按照jalynn2和Shilly的建议,最好以true
上的布尔onMouseEnter
形式存储此属性,onMouseLeave
时则相反)