offsetXプロパティ
eventオブジェクトのoffsetXプロパティはイベントが発生した要素上のX座標を返します。
書式 | event.type | |
---|---|---|
値 | イベントが発生した要素上のX座標 |
使用例 | イベントが発生した要素上のX座標を表示する。 | |
---|---|---|
対応 |
<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座標を表示する。 | |
---|---|---|
対応 |
<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座標 |