JavaScript入門講座

Home > eventオブジェクト > screenXプロパティ

screenXプロパティ

eventオブジェクトのscreenXプロパティはイベントが発生したディスプレイ上のX座標を返します。

書式event.type
イベントが発生したディスプレイ上のX座標
使用例イベントが発生したディスプレイ上のX座標を表示する。
対応Internet ExplorerChromeSafariOpera

<html>
<head>
<title>JavaScript event screenX</title>
<script type="text/javascript">
function dispSreenX() {
	alert ("イベントが発生したディスプレイ上のX座標:"+ event.screenX );	
}
document.onmousedown = dispSreenX;
</script>
</head>
<body>
<p>screenX</p>
</body>
</html>
						
使用例イベントが発生したディスプレイ上のX座標を表示する。
対応FireFoxChromeSafariOpera

<html>
<head>
<title>JavaScript event screenX</title>
<script type="text/javascript">
function dispSreenX(e) {
	alert ("イベントが発生したディスプレイ上のX座標:"+ e.screenX );	
}
document.onmousedown = dispSreenX;
</script>
</head>
<body>
<p>screenX</p>
</body>
</html>
						
関連メンバ
screenYイベントが発生したディスプレイ上のY座標
clientXイベントが発生したブラウザ上のX座標
clientYイベントが発生したブラウザ上のY座標
offsetXイベントが発生した要素上のX座標
offsetYイベントが発生した要素上のY座標