Javascript Mouse

javascript-mouse.png

マウスイベント一覧

onmouseover
onmouseout
onmouseenter
onmouseleave
onmousemove
onmousewheel

onmousemove

<script type="text/javascript">
// マウスを移動するたびに実行されるイベント
document.onmousemove = function (e){
    if(!e) e = window.event; // レガシー
         document.getElementById( "x" ).innerHTML =  e.clientX;
         document.getElementById( "y" ).innerHTML = e.clientY;
};
 
</script>
X座標:<div id="x"></div>
Y座標:<div id="y"></div>

イベント座標

clientX,clientY イベント発生時のクライアント座標
offsetX,offsetY オフセット座標
pageX,pageY ページ上の座標
screenX,screenY モニタ上の座標
x,y x,y座標
Bibliography

mouse

サポートサイト Wikidot.com mouse