首页 > 移动平台 > 详细

鼠标移动实时显示坐标

时间:2017-02-17 10:19:39      阅读:250      评论:0      收藏:0      [点我收藏+]
 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

鼠标移动实时显示坐标

原文:http://www.cnblogs.com/xushenmin/p/6408357.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!