JavaScript入門講座

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

offsetXプロパティ

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

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

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

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