AJAXのお勉強

javascript マウスの位置を取得＠AJAX

javascriptでマウスの位置を取得します。
ただし、以下はIEでしか動きません。

window.document.onmousemoveに
マウスの位置を画面に表示するメソッドを指定します。

getMousePositionは、マウスの位置を取得し表示するメソッドです。
マウスの位置は、event.x、event.yで取得できます。
divタグに取得した位置情報を表示します。

eventで取得できる、マウスの位置の詳細情報は、
以下のサイトが参考になりあす。
http://www.tohoho-web.com/js/event.htm


<html>
<head>
<title>javascript マウスの位置を取得</title>
<script type="text/javascript">
<!--

window.document.onmousemove = getMousePosition;

function getMousePosition() {

    positionX = event.x;
    positionY = event.y;

    document.getElementById("contents").innerHTML = positionX + "：" + positionY;

}

// -->
</script>
</head>
<body>

<div id="contents"></div>

</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.