Javascript mouseenter событие срабатывает только если курсор движется достаточно быстро - PullRequest
0 голосов
/ 01 июня 2019

Я создаю собственный курсор «трейлер» (см. Скрипту: https://jsfiddle.net/alexdlf/hx6yzu4w/)

Обычно круг (.cursor) должен следовать за курсором. При наведении на красную рамку (.cl) круг должен двигаться и придерживаться крошечной синей точки (.ct) внутри красной рамки. Это вызвано mouseenter слушателем. Однако, если курсор перемещается в красное поле слишком медленно, создается впечатление, что событие не запускается и эффект не происходит (он работает нормально, если курсор входит в красное поле с нормальной / более высокой скоростью).

Что-то не так с моей реализацией? Или в mouseenter есть что-то фундаментальное, чего мне не хватает?

1 Ответ

1 голос
/ 01 июня 2019

«Курсор» закрывает красное поле.Наличие прозрачного фона не мешает этому.Он «работает», если вы перемещаете мышь быстрее, чем может удерживать «курсор».

Добавьте pointer-events: none к CSS «курсора».

...