MouseEvent: свойство movementY

Базовая реализация Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Чтение-только свойство movementY интерфейса MouseEvent предоставляет разницу в координате Y указателя мыши между данным событием и предыдущим событием mousemove. Другими словами, значение свойства вычисляется следующим образом: currentEvent.movementY = currentEvent.screenY - previousEvent.screenY.

Предупреждение: Браузеры используют разные единицы для movementY и screenY, чем определено в спецификации. В зависимости от браузера и операционной системы, единицы movementY могут быть физическим пикселем, логическим пикселем или CSS-пикселем. Рекомендуется избегать использования свойств смещения и вместо этого вычислять разницу между текущими клиентскими значениями (screenX, screenY) и предыдущими клиентскими значениями.

Значение

Число. Всегда равно нулю для любого события MouseEvent кроме mousemove.

Примеры

В этом примере регистрируется величина перемещения мыши с помощью movementX и movementY.

HTML

<p id="log">Move your mouse around.</p>

JavaScript

function logMovement(event) {
  log.innerText = `movement: ${event.movementX}, ${event.movementY}\n${log.innerText}`;
}

const log = document.getElementById("log");
document.addEventListener("mousemove", logMovement);

Результат

Спецификации

Спецификация
Pointer Lock 2.0 # dom-mouseevent-movementy

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`movementY`	3722–37	13	411–41	2415–24	96–8	3725–37	414–41	2414–24	86–8	3.01.0–3.0	374.4–37

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/movementY