diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-02 16:48:24 +0900 |
---|---|---|
committer | potappo <potappo@gmail.com> | 2022-01-11 22:17:17 +0900 |
commit | 98f03a735520647daee76c2c0fc9a645309785c2 (patch) | |
tree | 8ef8fba9dd1fc09f94d8f2a658ca7841b5946479 /files | |
parent | 5a165fe2889e67335acace2d8d0fcfcf0622a500 (diff) | |
download | translated-content-98f03a735520647daee76c2c0fc9a645309785c2.tar.gz translated-content-98f03a735520647daee76c2c0fc9a645309785c2.tar.bz2 translated-content-98f03a735520647daee76c2c0fc9a645309785c2.zip |
2021/11/05 時点の英語版に基づき新規翻訳
Diffstat (limited to 'files')
-rw-r--r-- | files/ja/web/api/mouseevent/screeny/index.md | 64 |
1 files changed, 64 insertions, 0 deletions
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 +<p>マウスを動かして、位置を確認してください。</p> +<p id="screen-log"></p> +``` + +### 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") }} |