JS代码实现状态栏显示鼠标位置

2012/10/23 12:23:47作者：佚名来源：网络

移动端

【实例名称】

状态栏显示鼠标位置

【实例描述】

为了让DIV层可以跟随鼠标，层的控制通常需要获取鼠标的位置。本例学习如何获取鼠标的X和Y坐标。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
<script language=javascript>
//移动鼠标的方法
function move(e){
if (document.layers) { var x=e.pageX; var y=e.pageY;}
if (document.all) { var x=event.x; 
var y=event.y+document.body.scrollTop;}
status="x:"+x+" y:"+y;   //组合鼠标的x,y坐标
}
document.onmousemove = move;    //鼠标移动时绑定move方法
if (document.layers) document.captureEvents(Event.MOUSEMOVE);
</script>
</head>
<body>
</body>
</html>

【运行效果】

运行效果