导航: 好喜爱学习网 >> 网站制作 >> 网页制作技巧 >> 计算鼠标所在位置的x,y坐标的javascript脚本
相关文章
最新文章
文章内容
计算鼠标所在位置的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坐标。

E-MAIL:309076721@163.com
本站为非营利性质个人网站,建站只为个人爱好与学习,内容大多为电脑技术教程;
网站内容来源于互联网收集整理,禁止用于非法途径,如发现本网站上有侵权的文章请联系我们,我们会尽快删除;
本站不对站点内容准确性、完整性和真实性作任何承诺,由此产生的后果本站不承担任何责任,对以上引起的一切法律纠纷本站无权利承担。