HTML页面上获取鼠标的位置,备忘

 1 <html> 
 2 <head> 
 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 4 <title>javascript获得鼠标位置</title> 
 5 </head> 
 6 <body> 
 7 <script> 
 8 
 9 <!-- 其中的参数e指的是事件-->
10 function mouseMove(ev) 
11 { 
12     Ev= ev || window.event; 
13     var mousePos = mouseCoords(ev); 
14     //获取当前的x,y坐标
15     document.getElementById("xxx").value = mousePos.x; 
16     document.getElementById("yyy").value = mousePos.y; 
17 } 
18 function mouseCoords(ev) 
19 { 
20     //鼠标移动的位置
21     if(ev.pageX || ev.pageY){ 
22         return {x:ev.pageX, y:ev.pageY}; 
23     } 
24     return{ 
25         x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, 
26         y:ev.clientY + document.body.scrollTop - document.body.clientTop 
27     }; 
28 } 
29 document.onmousemove = mouseMove; 
30 </script> 
31 鼠标X轴: 
32 <input id=xxx type=text> 
33 鼠标Y轴: 
34 <input id=yyy type=text> 
35 </body>
36 </html>