鼠标移动实时显示坐标

 1         目前鼠标X轴:<input id='x' type=text><br>
 2         目前鼠标Y轴:<input id='y' type=text>
 3         <script>
 4             function mouseMove(ev) {
 5                 Ev = ev || window.event;
 6                 var mousePos = mouseXY(ev);
 7                 document.getElementById("x").value = mousePos.x;
 8                 document.getElementById("y").value = mousePos.y;
 9             }
10 
11             function mouseXY(ev) {
12                 if(ev.pageX || ev.pageY) {
13                     return { x: ev.pageX, y: ev.pageY };
14                 }
15                 return {
16                     x: ev.clientX + document.body.scrollLeft - document.body.clientLeft,
17                     y: ev.clientY + document.body.scrollTop - document.body.clientTop
18                 };
19             }
20             document.onmousemove = mouseMove;
21         </script>

鼠标移动，获取当前鼠标所停留位置的X轴和Y轴的坐标。

适用于：图片跟着鼠标走、根据鼠标位置摆动等。

 

------17-02-17 09：25

转载于:https://www.cnblogs.com/xushenmin/p/6408357.html