MouseEvent: movementY 属性

可用性有限

此特性不是基线特性，因为它在一些最广泛使用的浏览器中不起作用。

MouseEvent 接口的只读属性 movementY 提供了给定事件和前一个 mousemove 事件之间鼠标指针 Y 坐标的差值。换句话说，该属性的值计算方式如下：currentEvent.movementY = currentEvent.screenY - previousEvent.screenY。

警告： 浏览器在 movementY 和 screenY 上使用的单位与规范定义的不同。根据浏览器和操作系统，movementY 的单位可能是物理像素、逻辑像素或 CSS 像素。您可能希望避免使用 movement 属性，而是计算当前客户端值（screenX、screenY）与前一个客户端值之间的差值。

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

JavaScript

const log = document.getElementById("log");

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

document.addEventListener("mousemove", logMovement);