得到鼠标坐标

来源:互联网 发布:淘宝店铺价值计算 编辑:程序博客网 时间:2024/05/21 10:04

<html>

<head>
<script language="javascript" type="text/javascript">


var x,y;
function mouse_0(a)
{

 x=document.body.scrollLeft+event.clientX;

 y=document.body.scrollTop+event.clientY;

//以上document.body.scrollLeft当页面出现滚动是获得坐标event.clientY是不滚动时获得本页面坐标。

document.getElementById("dd").style.left=x;
document.getElementById("dd").style.top=y;
document.getElementById("dd").innerText="A(x="+x+";y="+y+")";
}
//DIV一定要加上position: absolute;

//position: absolute是CSS中的绝对定位方法,使用life,right,top,bottom等属性进行绝对定位
</script>
<title></title>

</head>

<body onclick="mouse_0()">

<div  id="dd" style="position: absolute;" >A</div>


</body>

</html> 

原创粉丝点击