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

Question

Aleksey · Accepted Answer

Для получения координат в JavaScript существует несколько способов, в зависимости от того, что именно требуется получить: координаты курсора на странице или географические координаты местоположения пользователя.

Разберем случай для получения координат курсора:
Для этого можно использовать событие `mousemove` и свойства объекта `event`, которые позволяют получить координаты указателя мыши относительно окна браузера или относительно элемента на странице.

Пример:

```javascript
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}`
  );
});
```

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

Ответы

Каталог