pageX\pageY & layerX\layerY example

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

``` ## 仕様書 _このプロパティはどの仕様書にも含まれていません。_ ## ブラウザーの互換性 {{Compat}}