js получить координаты

Для получения координат в JavaScript существует несколько способов, в зависимости от того, что именно требуется получить: координаты курсора на странице или географические координаты местоположения пользователя.

Разберем случай для получения координат курсора: Для этого можно использовать событие mousemove и свойства объекта event, которые позволяют получить координаты указателя мыши относительно окна браузера или относительно элемента на странице.

Пример:

document.addEventListener('mousemove', (event) => {
  // координата X относительно окна браузера
  const mouseX = event.clientX;

  // координата Y относительно окна браузера
  const mouseY = event.clientY;

  // координата X относительно элемента, на котором произошло событие
  const elementX = event.offsetX;

  // координата Y относительно элемента, на котором произошло событие
  const elementY = event.offsetY;

  console.log(`Координаты мыши: X = ${mouseX}, Y = ${mouseY}`);
  console.log(
    `Координаты относительно элемента: X = ${elementX}, Y = ${elementY}`
  );
});