pageX\pageY & layerX\layerY example

--- title: UIEvent.layerY slug: Web/API/UIEvent/layerY tags: - API - DOM - プロパティ - 読み取り専用 - リファレンス - UIEvent browser-compat: api.UIEvent.layerY translation_of: Web/API/UIEvent/layerY --- {{APIRef("DOM Events")}}{{Non-standard_header}} **`UIEvent.layerY`** は読み取り専用のプロパティで、現在のレイヤーに関連するイベントの垂直座標を返します。このプロパティは、ページのスクロールを考慮し、文書全体からの相対値を返します。ただし、位置指定された要素内でイベントが発生した場合は、位置指定された要素の左上からの相対値が返されます。 ## 構文 ```js var ypos = event.layerY; ``` - `ypos` は整数値で、マウスイベントが発生したときのマウスポインターのピクセル単位の X 座標です。 ## 例 ```html pageX\pageY & layerX\layerY example

To display the mouse coordinates please click anywhere on the page.

This is an un-positioned div so clicking it will return layerX/layerY values almost the same as pageX/PageY values.

This is a positioned div so clicking it will return layerX/layerY values that are relative to the top-left corner of this positioned element. Note the pageX\pageY properties still return the absolute position in the document, including page scrolling. Make the page scroll more! This is a positioned div so clicking it will return layerX/layerY values that are relative to the top-left corner of this positioned element. Note the pageX\pageY properties still return the absolute position in the document, including page scrolling.

``` ## 仕様書 _This property is not part of any specification._ ## ブラウザーの互換性 {{Compat}}