计算鼠标所在位置的x,y坐标的javascript脚本
点击次数：28 次 发布日期：2008-11-26 22:35:48 作者：源代码网
|
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坐标。 源代码网供稿. |
