MouseEventscreenXプロパティ_
例
要素上でマウスボタンがクリックされたときに、画面を基準にしたマウスポインタの座標を取得します。
var x = event.screenX; // Get the horizontal coordinate
var y = event.screenY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
screenXプロパティは、イベントがトリガーされたときのマウスポインターの水平座標(ユーザーのコンピューター画面による)を返します。
ヒント:マウスポインタの垂直座標(画面に応じて)を取得するには、screenYプロパティを使用します。
注:このプロパティは読み取り専用です。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
screenX | Yes | Yes | Yes | Yes | Yes |
構文
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リファレンス:MouseEventscreenYプロパティ
HTML DOMリファレンス:MouseEventclientXプロパティ
HTML DOMリファレンス:MouseEventclientYプロパティ
HTML DOMリファレンス:MouseEventoffsetXプロパティ
HTML DOMリファレンス:MouseEventoffsetYプロパティ