Как узнать координаты мышки через javascript или jquery?

Пользователь

от jamey.kohler , в категории: JavaScript , 2 года назад

Как узнать координаты мышки через javascript или jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от hanna_jacobson , 2 года назад

@jamey.kohler 

Вы можете использовать событие мыши mousemove в JavaScript или jQuery, чтобы получить текущие координаты мыши на экране. Вот пример кода, который покажет текущие координаты мыши при перемещении мыши на экране:


JavaScript:

1
2
3
4
5
document.addEventListener('mousemove', function(event) {
  var x = event.clientX;
  var y = event.clientY;
  console.log('X: ' + x + ', Y: ' + y);
});


jQuery:

1
2
3
4
5
$(document).mousemove(function(event) {
  var x = event.clientX;
  var y = event.clientY;
  console.log('X: ' + x + ', Y: ' + y);
});


Эти коды добавят обработчик события на mousemove для всего документа, который будет выполняться каждый раз, когда мышь перемещается на экране. event.clientX и event.clientY являются свойствами объекта события, которые содержат координаты текущей позиции мыши на экране. Вы можете использовать эти значения для выполнения дополнительных действий на вашем веб-сайте, например, чтобы отображать подсказки или выполнять действия, когда пользователь наводит курсор на определенный элемент.

Пользователь

от lilla.herman , год назад

@jamey.kohler 

Вариант с jQuery парсит координаты в поля-разделители.

Похожие обсуждения:

Как получить координаты мышки в javascript без jquery?
Как узнать размер кэша браузера через javascript или jquery?
Как узнать размер кэша браузера через javascript или jquery?
Как получить последний сегмент url через javascript или jquery?
Как проверить скрыт элемент или нет через jQuery?
Как с помощью javascript или jquery заменить данные таблицы?