JavaScript入門講座

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

offsetYプロパティ

eventオブジェクトのoffsetYプロパティはイベントが発生した要素上のY座標を返します。

書式event.type
イベントが発生した要素上のY座標
使用例イベントが発生した要素上のY座標を表示する。
対応Internet ExplorerChromeSafariOpera

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

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