1. <html>
  2. <head>
  3. <script language="javascript">
  4. function doSomething(e) {
  5. 	var posx = 0;
  6. 	var posy = 0;
  7. 	if (!e) var e = window.event;
  8. 	if (e.pageX || e.pageY) 	{
  9. 		posx = e.pageX;
  10. 		posy = e.pageY;
  11. 	}
  12. 	else if (e.clientX || e.clientY) 	{
  13. 		posx = e.clientX + document.body.scrollLeft
  14. 			+ document.documentElement.scrollLeft;
  15. 		posy = e.clientY + document.body.scrollTop
  16. 			+ document.documentElement.scrollTop;
  17. 	}
  18. 	document.getElementById('x').innerHTML=posx;
  19. 	document.getElementById('y').innerHTML=posy;
  20. }
  21. </script>
  22. </head>
  23. <body>
  24. x: <span id="x"></span>,y:<span id="y"></span>
  25. <div style="width:100%;background:red;height:100%" onmousemove="doSomething()">
  26. </div>
  27. </body>
  28. </html>