如何检测光标悬停在元素上而不移动它？
How to detect that the cursor hovers an element without moving it?
我正在构建一个网页有 previous/next 导航按钮的网络应用程序。这是一个单页 React 应用程序，当导航按钮悬停时，会预取上一页或下一页的数据。
当用户在不移动鼠标的情况下单击“下一步”两次时，尽管鼠标一直悬停在按钮（每个页面上的相同位置）上，但不会预加载第三页的数据，因为mouseover 事件不会触发，除非在每次页面加载后将鼠标移动至少 1px。
有没有一种方法可以在不移动光标的情况下检测鼠标悬停事件，不需要手动检查按钮的尺寸，特别是通过 getBoundingClientRects() 并与光标进行比较 clientX/ clientY 页面加载坐标？
提前致谢！
正如 jalynn2 和 Shilly 所建议的那样，最好将此 属性 存储为 onMouseEnter 上的布尔值 true 状态，反之亦然 onMouseLeave
我正在构建一个网页有 previous/next 导航按钮的网络应用程序。这是一个单页 React 应用程序，当导航按钮悬停时，会预取上一页或下一页的数据。
当用户在不移动鼠标的情况下单击“下一步”两次时，尽管鼠标一直悬停在按钮（每个页面上的相同位置）上，但不会预加载第三页的数据，因为mouseover 事件不会触发，除非在每次页面加载后将鼠标移动至少 1px。
有没有一种方法可以在不移动光标的情况下检测鼠标悬停事件，不需要手动检查按钮的尺寸，特别是通过 getBoundingClientRects() 并与光标进行比较 clientX/ clientY 页面加载坐标？
提前致谢！
正如 jalynn2 和 Shilly 所建议的那样，最好将此 属性 存储为 onMouseEnter 上的布尔值 true 状态，反之亦然 onMouseLeave