diff options
| -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") }} |