onmousemove

初版2008/02/18：最終更新日2008/02/18

onmousemove

onmousemoveイベントはマウスの移動をイベントとして拾うことが出来ます。
event.clientXでマウスの現在のX座標を取得でき、event.clientYでマウスの現在のY座標を取得することが可能です。
以下、マウスを移動したX座標とY座標をテキストフィールドに表示しています。

ソース

<html>
<head>
<title></title>
</head>
<body onmousemove="a()">
<script type="text/javascript">
function a(){
    frm1.value = event.clientX;
    frm2.value = event.clientY;
}
</script>
<input type="text" id="frm1" ><input type="text" id="frm2">
</body>
</html>

HOME