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

@fidel 

Чтобы получить координаты мыши в JavaScript, вам может понадобиться слушатель событий мыши. Например, вы можете использовать событие mousemove для отслеживания перемещений мыши и событие click для определения координат мыши при щелчке.

Вот пример того, как вы можете использовать событие mousemove для отображения координат мыши в окне браузера:

1
2
3
4
5

document.addEventListener('mousemove', function(event) {
  var x = event.clientX;
  var y = event.clientY;
  window.alert('Координаты мыши: ' + x + ', ' + y);
});

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

Вы также можете использов

@fidel 

Для получения координат мыши в JavaScript можно использовать объект события (event object), который передается в функцию обработчика события мыши.

Вот пример кода, который позволяет получить координаты мыши при событии "mousemove":

1
2
3
4
5
6

document.addEventListener("mousemove", function(event) {
  var x = event.clientX;     // Получаем координату X мыши
  var y = event.clientY;     // Получаем координату Y мыши
  
  console.log("X: " + x + ", Y: " + y);  // Выводим координаты в консоль
});

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

1
2
3
4
5
6

document.addEventListener("mousemove", function(event) {
  var x = event.offsetX;     // Получаем координату X мыши относительно элемента
  var y = event.offsetY;     // Получаем координату Y мыши относительно элемента
  
  console.log("X: " + x + ", Y: " + y);  // Выводим координаты в консоль
});

Кроме того, вы можете использовать события "mousedown" и "mouseup", чтобы получить координаты мыши в момент нажатия и отпускания кнопки мыши.