杏阳 发表于 2012-8-4 08:51:06

js中教你获取鼠标坐标

本帖最后由 杏阳 于 2012-8-4 08:53 编辑

移动鼠标,可以在第二个框,和鼠标的下方产生当前页面鼠标位置的坐标,点击回车就会将现在的鼠标位置的坐标显示出来
<html>
<head>

<script language="javascript" type="text/javascript">
<!--
function fun1(){
var t1=document.getElementById("txt1");
e=window.event;
x=e.clientX;
y=e.clientY;
t1.value="x坐标="+x+" y坐标="+y;

}
function fun2(){
    var t2=document.getElementById("txt2");
    var div=document.getElementById("div1");
    e=window.event;
    x=e.clientX;
    y=e.clientY;
    t2.value="x坐标="+x+" y坐标="+y;
    div.innerHTML="<p>x:" + x + " y:" + y + "</p>";
    div.style.left=x+5;
    div.style.top=y+15;
}
function fun3(){
}
//-->
</script>
</head>
<body>
定点坐标 <input type=text id="txt1"/>
动点坐标<input type=text id="txt2"/>
<div id="div1" style="position:absolute"></div>
</body>
</html>

11_11_01.html
http://kuai.xunlei.com/d/OSHJJCSSDENQ

nkc3g4 发表于 2012-8-4 16:34:52

恩,不错
页: [1]
查看完整版本: js中教你获取鼠标坐标