js获取鼠标移动位置

来源:互联网 发布:淘宝店铺宣传广告语 编辑:程序博客网 时间:2024/05/22 05:08

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Js获取适时获取鼠标坐标值并显示</title>
<script type="text/javascript">
  function getMousePos() {
            var e = event || window.event;
            var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
            var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
            var x = e.pageX || e.clientX + scrollX;
            var y = e.pageY || e.clientY + scrollY;
           // alert('x: ' + x + '\ny: ' + y);
            //return { 'x': x, 'y': y };
            document.getElementById("x").value=x;
   document.getElementById("y").value=y;
        }


 
</script>
</head>
<body onmousemove="getMousePos()">
<!--<div id="coords" style="width:500px;height:200px;background:#F2F1D7;border:2px solid #0066cc;">
请在此移动鼠标。
</div>
<div id="coord" style="width:500px;border:2px solid #336699;">&nbsp;</div>-->
<br />
<input type="text" id="x" value="">
<input type="text" id="y" value="">
</body>
</html>

0 0
原创粉丝点击