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

Аватар пользователя Aleksey
Aleksey
13 апреля 2023

Для получения координат мыши в JavaScript необходимо добавить событие "mousemove" на элемент, на котором нужно отслеживать движение мыши. Затем в обработчике события можно получить координаты мыши через объект события.

Пример кода:

const elem = document.querySelector('.my-element'); // выбираем элемент, на котором будем отслеживать движение мыши

elem.addEventListener('mousemove', function (event) {
  // добавляем обработчик события "mousemove"
  const x = event.clientX; // получаем координату X мыши
  const y = event.clientY; // получаем координату Y мыши

  console.log(`Координаты мыши: x=${x}, y=${y}`); // выводим координаты мыши в консоль
});

В данном примере мы выбрали элемент с классом "my-element" и добавили на него обработчик события "mousemove". Внутри обработчика мы получили координаты мыши через объект события event.clientX (координата X) и event.clientY (координата Y). Затем мы вывели эти координаты в консоль.

0 0
Познакомьтесь с основами JavaScript бесплатно

Похожие вопросы