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);