MouseEvent screenY属性

DOM イベント MouseEvent

定義と使用法

screenY属性は、イベントが発生したときのマウス指標の垂直座標（ユーザーのコンピュータスクリーンに対して）を返します。

ヒント：マウス指標の水平座標（ユーザーのコンピュータスクリーンに対して）を取得するには、 screenX 属性

注記：この属性は読み取り専用です。

インスタンス

例1

要素上でマウスボタンをクリックしたとき、マウス指標のスクリーンに対する座標を取得：

var x = event.screenX;     // 水平座標を取得
var y = event.screenY;     // 垂直座標を取得
var coor = "X coords: " + x + ", Y coords: " + y;

実際に試してみてください

例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;

実際に試してみてください

構文

event.screenY

技術的詳細

返り値： 数値で、ピクセル単位で垂直座標を示します。
DOMバージョン： DOMレベル2イベント

ブラウザのサポート

属性 Chrome IE Firefox Safari Opera
screenY サポート サポート サポート サポート サポート

関連ページ

HTML DOM リファレンスマニュアル：MouseEvent screenX 属性

HTML DOM リファレンスマニュアル：MouseEvent clientX 属性

HTML DOM リファレンスマニュアル：MouseEvent clientY 属性

HTML DOM リファレンスマニュアル：MouseEvent offsetX 属性

HTML DOM リファレンスマニュアル：MouseEvent offsetY 属性

DOM イベント MouseEvent