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

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

@jaylen.trantow 

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

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

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

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