便利eelife Java Script

   戻る

マウスポインタの座標を表示します。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<DIV style="width : 190px;height : 60px;top : 280px;left : 380px;
position : absolute;
z-index : 1;
visibility : visible;
" id="xyps" onmousemove="dragLy('xyps')"><BR>
<FORM name="myForm"><INPUT size="30" type="text" name="tBox" value="マウスを乗せると移動します。"> </FORM>
<BR>
</DIV>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--
function dragLy(n){ Lyid = n;
M_x=event.x; //現在のマウスのX位置,Y位置
M_y=event.y;
document.all[Lyid].style.left = M_x;
document.all[Lyid].style.top = M_y;
document.myForm.tBox.value= '  X位置='+M_x+':Y位置='+M_y;  // テキスト行に現在の位置を表示
}
// -->
</SCRIPT>
コメント
onmousemove : マウスポインタが上で動いたらおきるイベントです。
event.x event.y