MouseEvent.movementY

The movementY read-only property of the MouseEvent interface provides the difference in the Y coordinate of the mouse pointer between the given event and the previous mousemove event. In other words, the value of the property is computed like this: currentEvent.movementY = currentEvent.screenY - previousEvent.screenY.

Value

A number.

Examples

This example logs the amount of mouse movement using movementX and 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);

Result

Specifications

Specification
Pointer Lock 2.0 # dom-mouseevent-movementy

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`movementY`	37 22-37	13	41 1-41	No	24 15-24	9 6-8	37 4.4-37	37 25-37	41 4-41	24 14-24	8 6-8	3.0 1.0-3.0

Name	Web APIs
Version
Badge
Last Updated	2022-04-27T09:33:08Z