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

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

от jaylen.trantow , в категории: JavaScript , 9 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от richie_mayert , 9 месяцев назад

@jaylen.trantow 

Вы можете получить координаты мыши с помощью методов clientX и clientY объекта event. Ниже приведен пример кода, который демонстрирует это:

1
2
3
4
5
6
7
8
9
// Добавляем слушатель события "mousemove"
document.addEventListener("mousemove", function(event) {
  // Получаем координаты мыши
  var mouseX = event.clientX;
  var mouseY = event.clientY;

  // Делаем что-то с полученными координатами
  console.log("X: " + mouseX + ", Y: " + mouseY);
});


Здесь мы добавляем слушатель события "mousemove" для всего документа. Когда происходит движение мыши, функция обратного вызова запускается с объектом события. Затем мы используем свойства clientX и clientY объекта события, чтобы получить координаты мыши.