Как узнать координаты мышки через 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 , 10 месяцев назад

@jamey.kohler 

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