计算鼠标所在位置的x,y坐标的JavaScript脚本

主要是两段代码,把这两段代码加入你保存后的页面文件中就可以了,加入方法如下:
1.在 标记之前插入如下一段代码

1<script>   
2<!--   
3function statusreport() {   
4var tempx = event.clientX + document.body.scrollLeft;   
5var tempy = event.clientY + document.body.scrollTop;   
6status='在整个页面中的X, Y坐标 : ('+tempx+', '+tempy+') ; 在当前窗口中的X, Y坐标 : ( '+event.clientX+', '+event.clientY +')';   
7}   
8//-->   
9</script>

如插入后的示例如下:
......

1<meta content="MSHTML 6.00.2800.1400" name="GENERATOR"/>
1<script>   
2<!--   
3function statusreport() {   
4var tempx = event.clientX + document.body.scrollLeft;   
5var tempy = event.clientY + document.body.scrollTop;   
6status='在整个页面中的X, Y坐标 : ('+tempx+', '+tempy+') ; 在当前窗口中的X, Y坐标 : ( '+event.clientX+', '+event.clientY +')';   
7}   
8//-->   
9</script>

......

2.在

 1<body> 标记中加入如下一段代码   
 2onmousemove="statusreport();" 
 3
 4加入后的示例如下:   
 5......   
 6
 7<body bgcolor="#ffffff" leftmargin="0" onmousemove="statusreport();" topmargin="0">
 8<div align="center">   
 9...... 
10
113.保存文件 
12
13用IE浏览器打开修改过的页面后,在页面中移动鼠标,鼠标所在位置的X,Y坐标就显示在IE浏览器底部的状态栏中,如:   
14在整个页面中的X, Y坐标 : (578,957) ; 在当前窗口中的X, Y坐标 : ( 578, 492)   
15其中前半部分描述的是鼠标在整个页面(页面可能需要上下滚动才能完整显示)中的X,Y坐标;   
16后半部分描述的是鼠标在当前窗口中的X,Y坐标。</div></body></body>
Published At
Categories with 网页设计
comments powered by Disqus