Я хочу изменить скорость курсора внутри некоторых тегов div, чтобы обеспечить лучший пользовательский интерфейс на моем веб-сайте. Я уже изменил изображение курсора, я хочу изменить медленный курсор. Есть ли способ сделать это?Изменение скорости курсора внутри тега div
Я не думаю, что это можно контролировать курсором с помощью Javascript. Но вы могли бы, однако, скрыть курсор с помощью
cursor: none;
, а затем сделать некоторые JavaScript, чтобы эмулировать медленную скользящую курсор сделал с HTML/CSS. Но это будет гораздо больше работы, чем того стоит, и, вероятно, в любом случае не получится.
Видя, что реальный курсор все равно будет двигаться нормально, он, вероятно, неожиданно выйдет из области. –
'@Alexander O'Mara' вы могли бы проверить позицию Элемента, что вы двигаетесь по экрану. Вы захотите использовать объект Event для проверки 'event.cliientX' и' event.clientY' на ваш 'Element.getBoundingClientRect()' или что-то еще, чтобы увидеть, где находится ваш курсор. – PHPglue
Делать это с помощью чистого JavaScript может быть проблемой, но вы можете попробовать включения этой функции замедления скорости курсора, удерживая CTRL с помощью AutoHotKey script.
Для этого необходимо установить AutoHotKey, но это бесплатно и с открытым исходным кодом.
Вы не можете напрямую контролировать скорость указателя через любой DOM API, и я не ожидаю, что такой API станет доступным из-за проблем с доступностью и вероятного злоупотребления щелчком мыши.
Это, как говорится, во многих современных браузерах есть API под названием Pointer Lock, где вы можете запросить контроль над перемещениями указателей. Используя это, вы можете эмулировать более медленный курсор, переместив движения курсора и позиционируя поддельный курсор.
Я очень скептически ошибаюсь в скорости курсора, чтобы улучшить UX, даже если это было возможно. –
Вы можете сделать какой-то взлом, но он не будет работать точно так, как вы хотите - я имею в виду, вы можете отложить значок курсора, но не курсор ** фактический ** (по крайней мере, я думаю о - mabey есть другой способ. .) –
Просто чтобы выбросить это здесь. Я заинтриговал эту тему и опробовал API-интерфейс указателя, который был упомянут в комментариях к другому ответу и составил здесь простую демо-версию: http://codepen.io/thepio/pen/RRBzrP?editors=1010 (используя jQuery). К сожалению, похоже (по крайней мере, я не мог заставить это работать), вы не можете инициировать блокировку указателя с помощью 'mouseenter' или' hover' или что-то в этом роде. Кажется, работает только событие click. Возможно, я рассмотрю это больше, когда у меня будет время, но это интересная концепция. – thepio