マウスを動かせば、そ位置のXY座標が表示される。
マウスをダウンすれば、そ位置のXY座標がステータスバーに表示される。
(NNにも対応）
<script language="JavaScript">
<!--
mx = 0; //ﾏｳｽﾎﾟｲﾝﾀのx座標
my = 0; //ﾏｳｾﾎﾟｲﾝﾀのy座標
function MouseXY(evt){ //ﾏｳｽを動かした場合
if(document.all){ //IEの場合
mx = event.x; //ﾏｳｽのx座標を取得
my = event.y; //ﾏｳｽのy座標を取得
document.all["xy"].style.left = mx + 10; //座標表示Boxの横位置
document.all["xy"].style.top = my + 15; //座標表示Boxの縦位置
document.all["xy"].innerText = mx + ":" + my;//座標表示Boxに表示
}
if(document.layers){ //NNの場合
mx = evt.x;
my = evt.y;
document.layers["xy"].left = mx + 10;
document.layers["xy"].top = my + 15;
document.layers["xy"].open();
document.layers["xy"].write(mx + ":" + my);
document.layers["xy"].close();
}
}
function MDownXY(){ //ﾏｳｽをDownした場合
window.status = mx + ":" + my; //ｽﾃｰﾀｽﾊﾞｰにxy座標を表示
}
function MUp(){ //ﾏｳｽをUpした場合
window.status = ""; //ｽﾃｰﾀｽﾊﾞｰの表示を消す
}
if(document.all){ //IEの場合
document.onmousemove = MouseXY;
document.onmousedown = MDownXY;
document.onmouseup = MUp;
}
if(document.layers){ //NNの場合
window.onmousemove = MouseXY;
window.captureEvents(Event.MOUSEMOVE);
}
// -->
</script>
</head>
<body>
<div id="xy" style=
"position:absolute; left:0px; top:0px; width:60px; height:15px;
color:red;font:10pt;text-align:center;border:solid 1px navy">
</div>
end(01/8/9)