From 98f03a735520647daee76c2c0fc9a645309785c2 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 2 Jan 2022 16:48:24 +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/screeny/index.md | 64 ++++++++++++++++++++++++++++ 1 file changed, 64 insertions(+) create mode 100644 files/ja/web/api/mouseevent/screeny/index.md diff --git a/files/ja/web/api/mouseevent/screeny/index.md b/files/ja/web/api/mouseevent/screeny/index.md new file mode 100644 index 0000000000..0676276db7 --- /dev/null +++ b/files/ja/web/api/mouseevent/screeny/index.md @@ -0,0 +1,64 @@ +--- +title: MouseEvent.screenY +slug: Web/API/MouseEvent/screenY +tags: + - API + - DOM イベント + - MouseEvent + - プロパティ + - 読み取り専用 + - リファレンス +browser-compat: api.MouseEvent.screenY +translation_of: Web/API/MouseEvent/screenY +--- +{{APIRef("DOM Events")}} + +**`screenY`** は {{domxref("MouseEvent")}} インターフェイスの読み取り専用プロパティで、グローバル(スクリーン)座標における、マウスポインターの垂直方向の座標(オフセット)を示します。 + +## 値 + +`double` の浮動小数点値です。 + +これを定義する早期の版の仕様書では、ピクセル数を表す整数として定義していました。 + +## 例 + +この例では、 {{domxref("Element/mousemove_event", "mousemove")}} イベントが発行されるたびにマウスの座標を表示します。 + +### HTML + +```html +

マウスを動かして、位置を確認してください。

+

+``` + +### JavaScript + +```js +let screenLog = document.querySelector('#screen-log'); +document.addEventListener('mousemove', logKey); + +function logKey(e) { + screenLog.innerText = ` + Screen X/Y: ${e.screenX}, ${e.screenY} + Client X/Y: ${e.clientX}, ${e.clientY}`; +} +``` + +### 結果 + +{{EmbedLiveSample("Example")}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{ domxref("MouseEvent") }} +- {{ domxref("MouseEvent.screenX","screenX") }} +- {{ domxref("MouseEvent.clientX","clientX") }} / {{ domxref("MouseEvent.clientY", "clientY") }} -- cgit v1.2.3-54-g00ecf