最新のWeb開発のチュートリアル
 

MouseEvent screenY Property

<イベントオブジェクト

要素の上で、マウスボタンがクリックされたときに、画面に対するマウスポインタの座標を、取得します。

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"以下の例。


定義と使用法

screenYのプロパティは、垂直座標を返し(according to the users computer screen)イベントがトリガされたとき、マウスポインタ。

ヒント:水平座標を取得する(according to the screen) 、マウスポインタの使用がscreenXのプロパティ。

注意:このプロパティは読み取り専用です。


ブラウザのサポート

プロパティ
screenY はい はい はい はい はい

構文

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リファレンス: MouseEvent screenX Property

HTML DOMリファレンス: MouseEvent clientX Property

HTML DOMリファレンス: MouseEvent clientY Property


<イベントオブジェクト