From 14e04853513fcb8eb12f349725b4d088a5145b70 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO 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 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 +

マウスを動かしてください。

+``` + +### 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