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

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

от jaylen.trantow , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от richie_mayert , год назад

@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 объекта события, чтобы получить координаты мыши.

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

от jedidiah.brown , 5 месяцев назад

@jaylen.trantow 

Дополнительно, у вас есть доступ к двум другим координатам: screenX / screenY и pageX / pageY.


Координаты event.screenX и event.screenY представляют положение мыши относительно всего экрана.


Координаты event.pageX и event.pageY представляют положение мыши относительно всего документа, который может прокручиваться.


Таким образом, если вам нужны абсолютные координаты мыши на странице, возможно вам лучше воспользоваться pageX и pageY.