吕克让的资料库-lhelper's repository

welcome to lhelper's repository

计算鼠标所在位置的x,y坐标的JavaScript脚本
主要是两段代码,把这两段代码加入你保存后的页面文件中就可以了,加入方法如下:
1.在</head> 标记之前插入如下一段代码
<SCRIPT>
<!--
function statusreport() {
  var tempx = event.clientX + document.body.scrollLeft;
  var tempy = event.clientY + document.body.scrollTop;
  status='在整个页面中的X, Y坐标 : ('+tempx+', '+tempy+') ; 在当前窗口中的X, Y坐标 : ( '+event.clientX+', '+event.clientY +')';
}
//-->
</SCRIPT>
如插入后的示例如下:
......
<META content="MSHTML 6.00.2800.1400" name=GENERATOR>
<SCRIPT>
<!--
function statusreport() {
  var tempx = event.clientX + document.body.scrollLeft;
  var tempy = event.clientY + document.body.scrollTop;
  status='在整个页面中的X, Y坐标 : ('+tempx+', '+tempy+') ; 在当前窗口中的X, Y坐标 : ( '+event.clientX+', '+event.clientY +')';
}
//-->
</SCRIPT>
</HEAD>
......
 
2.在<BODY> 标记中加入如下一段代码
onmousemove="statusreport();"
 
加入后的示例如下:
......
</HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0 onmousemove="statusreport();">
<DIV align=center>
......
 
3.保存文件
 
用IE浏览器打开修改过的页面后,在页面中移动鼠标,鼠标所在位置的X,Y坐标就显示在IE浏览器底部的状态栏中,如:
在整个页面中的X, Y坐标 : (578,957) ; 在当前窗口中的X, Y坐标 : ( 578, 492)
其中前半部分描述的是鼠标在整个页面(页面可能需要上下滚动才能完整显示)中的X,Y坐标;
后半部分描述的是鼠标在当前窗口中的X,Y坐标。
阅读更多
个人分类: 技术文章
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

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

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭