From 14e04853513fcb8eb12f349725b4d088a5145b70 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 1 Jan 2022 12:12:25 +0900
Subject: 2021/11/05 時点の英語版に同期
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/mouseevent/movementy/index.md | 62 ++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 files/ja/web/api/mouseevent/movementy/index.md

(limited to 'files')

diff --git a/files/ja/web/api/mouseevent/movementy/index.md b/files/ja/web/api/mouseevent/movementy/index.md
new file mode 100644
index 0000000000..44d77f6fd2
--- /dev/null
+++ b/files/ja/web/api/mouseevent/movementy/index.md
@@ -0,0 +1,62 @@
+---
+title: MouseEvent.movementY
+slug: Web/API/MouseEvent/movementY
+tags:
+  - API
+  - DOM
+  - DOM イベント
+  - MouseEvent
+  - MovementY
+  - プロパティ
+  - 読み取り専用
+  - リファレンス
+  - mouse lock
+  - pointer lock
+browser-compat: api.MouseEvent.movementY
+---
+{{APIRef("DOM Events")}}
+
+**`movementY`** は {{domxref("MouseEvent")}} インターフェイスの読み取り専用プロパティで、直前の {{domxref("Element/mousemove_event", "mousemove")}} イベントとこのイベントのマウスポインターの Y 座標の差を示します。このプロパティの値は `currentEvent.movementY = currentEvent.screenY - previousEvent.screenY` のように計算されます。
+
+## 値
+
+数値です。
+
+## 例
+
+この例は {{domxref("MouseEvent.movementX", "movementX")}} と `movementY` を使用して、マウスの移動量を記録します。
+
+### HTML
+
+```html
+<p id="log">マウスを動かしてください。</p>
+```
+
+### JavaScript
+
+```js
+function logMovement(event) {
+  log.innerText = `移動量: ${event.movementX}, ${event.movementY}\n${log.innerText}`;
+}
+
+const log = document.getElementById('log');
+document.addEventListener('mousemove', logMovement);
+```
+
+### 結果
+
+{{EmbedLiveSample("Example")}}
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("MouseEvent.movementX")}}
+- {{domxref("MouseEvent")}}
+- [ポインターロック](/ja/docs/Web/API/Pointer_Lock_API)
-- 
cgit v1.2.3-54-g00ecf