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