Как определить, что курсор наводит на элемент, не перемещая его? - PullRequest
0 голосов
/ 30 октября 2019

Я создаю веб-приложение, в котором страницы имеют предыдущую / следующую навигационные кнопки. Это одностраничное приложение React, и данные для предыдущей или следующей страницы предварительно выбираются при наведении навигационных кнопок.

Когда пользователь дважды щелкает «следующий», не перемещая мышь, данные для третьей страницыне загружается предварительно, хотя мышь продолжает висеть на кнопке (которая находится на одной и той же позиции на каждой странице), потому что событие mouseover не срабатывает до тех пор, пока мышь не переместят как минимум на 1 пиксель после каждой загрузки страницы.

Существует ли способ обнаружения события наведения мыши без перемещения курсора, который не требует ручной проверки размеров кнопки, в частности, с помощью getBoundingClientRects() и сравнения с координатами курсора clientX / clientY назагрузка страницы?

Заранее спасибо!

1 Ответ

0 голосов
/ 31 октября 2019

Как рекомендовали jalynn2 и Shilly, вероятно, лучше хранить это свойство в состоянии как логическое true на onMouseEnter и наоборот, когда onMouseLeave

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...