<html>
<body onmousemove="move_sub()">
<script language="Javascript">
<!--
function move_sub() {
document.all.txt1.value=event.screenX + "," + event.screenY;
document.all.txt2.value=event.clientX + "," + event.clientY;
document.all.txt3.value=event.x + "," + event.y;
document.all.txt4.value=event.offsetX + "," + event.offsetY;
}
-->
</script>
スクリーン上の座標･･･<input type="text" id=txt1><br>
クライアント領域の座標･･･<input type="text" id=txt2><br>
配置された親要素上の座標･･･<input type="text" id=txt3><br>
クリックした要素上の座標･･･<input type="text" id=txt4><br>
</body>
</html>
|
マウスのある座標を表示する
サンプル