• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Отслеживаем движение мышки на сайте в jQuery (Скрипт который при движении отслеживает сторону нахождение)
Отслеживаем движение мышки на сайте в jQuery
Kosten
Воскресенье, 17 Марта 2019 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44356
Награды: 70
Если кому нужно определить движение курсора, это в какую сторону он движется или находится, где только показывает, что курсор находится вверху или внизу, а также движется по горизонтальной линий. Вообщем не мог такой скрипт пропустить, сначала не понял в чем суть, пока не поставил на тестовый сайт, так как стало интересно.

Вот такая картина:



Это реально, не понимаю для чего, но возможно кому пригодится, ведь если мышь или курсор оставить, то запись подскажет, где находится.

HTML

Код
<div id="debug"></div>

JS

Код
<script type="text/javascript">
var pageY = 0;
var $debugContainer;
$(function(){
$debugContainer = $('#debug');
$(document).mousemove(function(event) {
if (pageY) {
if (event.pageY > pageY) {
$debugContainer.html('Мышка движется вниз');
} else if (event.pageY < pageY) {
$debugContainer.html('Мышка движется вверх');
} else {
$debugContainer.html('Мышка движется горизонтально :|');
} }
pageY = event.pageY;
});
})
</script>

Нужно подключить библиотеку jQuery, чтоб все корректно работало.
Прикрепления: 1314730.png (6.0 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Отслеживаем движение мышки на сайте в jQuery (Скрипт который при движении отслеживает сторону нахождение)
  • Страница 1 из 1
  • 1
Поиск: