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