例
出力要素の上で、マウスボタンがクリックされると、マウスポインタの座標：
var x = event.pageX; // Get the horizontal coordinate
var
y = event.pageY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
COORの結果は次のようになります。
X coords: 162, Y coords: 40 »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
マウスイベントがトリガされたときにpageXプロパティは、マウスポインタの（文書による）の水平座標を返します。
文書はウェブページです。
ヒント：マウスポインタの（文書による）の垂直座標を取得使用するにはpageYのプロパティを。
注意：このプロパティは読み取り専用です。
注意：このプロパティは、非標準であるが、ほとんどの主要なブラウザで動作します。
ブラウザのサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| pageX | はい | 12.0 | はい | はい | はい |
構文
event .pageX
技術的な詳細
| 戻り値： | 水平方向を表す数値は、ピクセル単位で、マウスポインタの座標 |
|---|---|
| DOMバージョン： | なし |
その他の例
例
出力要素の上にマウスポインタを移動しながら、マウスポインタの座標：
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: "
+ x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
»それを自分で試してみてください 例
clientXとclientYプロパティとがscreenXとscreenYの違いをデモンストレーション：
var pX = event.pageX;
var cX = event.clientX;
var pY =
event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " +
pX + ", Y coords: " + pY;
var coords2 = "client - X: " +
cX + ", Y
coords: " + cY;
»それを自分で試してみてください 関連ページ
HTML DOMリファレンス： MouseEvent pageY Property
HTML DOMリファレンス： MouseEvent clientX Property
HTML DOMリファレンス： MouseEvent clientY Property
HTML DOMリファレンス： MouseEvent screenX Property
HTML DOMリファレンス： MouseEvent screenY Property
<イベントオブジェクト