0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Для получения координат в JavaScript существует несколько способов, в зависимости от того, что именно требуется получить: координаты курсора на странице или географические координаты местоположения пользователя.</p>
1
<p>Для получения координат в JavaScript существует несколько способов, в зависимости от того, что именно требуется получить: координаты курсора на странице или географические координаты местоположения пользователя.</p>
2
<p>Разберем случай для получения координат курсора: Для этого можно использовать событие mousemove и свойства объекта event, которые позволяют получить координаты указателя мыши относительно окна браузера или относительно элемента на странице.</p>
2
<p>Разберем случай для получения координат курсора: Для этого можно использовать событие mousemove и свойства объекта event, которые позволяют получить координаты указателя мыши относительно окна браузера или относительно элемента на странице.</p>
3
<p>Пример:</p>
3
<p>Пример:</p>
4
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}` ); });
4
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}` ); });