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

原创 2004年08月10日 07:29:00
主要是两段代码,把这两段代码加入你保存后的页面文件中就可以了,加入方法如下:
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坐标。

FTxxxx系列------x,y坐标的计算以及上报

最近无聊,看看x,y的坐标是怎么从0x转成float void MultiTouchInputMapper::syncTouch(nsecs_t when, bool* outHavePointe...
  • u013308744
  • u013308744
  • 2016年10月08日 11:16
  • 493

OpenDRIVE地图中Geometry线段对应x/y坐标的计算

在OpenDRIVE地图的解析和绘制过程中,最关键的一点:在x/y坐标系下,利用起点(x,y)、曲线的相对长度(s坐标,该点距离起点的线段长度)计算出相应长度处所对应的x/y坐标。目前使用较多的Geo...
  • lewif
  • lewif
  • 2018年01月08日 11:09
  • 53

winform Chart控件 获取鼠标处坐标值方法

Chart控件本身功能强大,应用广泛,因此其属性、方法也很多。 此处介绍在很多应用中需要查看鼠标位置处坐标值的一些方法 1,调用Chart事件  GetToolTip 利用ToolTipEvent...
  • chenep
  • chenep
  • 2013年08月18日 22:05
  • 5544

【ugui的坑】实现可拖拽的Sprite

最近由于个人项目的需要,必须去做一个可以被拖拽的Sprite出来。这里涉及到的两个问题。 1.Sprite应该可以响应点击事件,拖拽事件等。 2.如何从屏幕坐标系转换为世界坐标系。关于问题1,解决...
  • j13015252122
  • j13015252122
  • 2015年08月23日 23:36
  • 977

旋转坐标的计算

坐标旋转的计算:已知旋转中心点(centerX,centerY)、一个物体、旋转的半径radius和角度angle。使用基本的三角学围绕中心点放置物体,设置旋转的角速度Vr来控制旋转角度的增加或减少。...
  • qq_26742855
  • qq_26742855
  • 2016年01月12日 19:43
  • 119

echarts的x轴y轴的颜色改变

在操作echarts时,需求要求echarts的xy轴的颜色要与图形的颜色一致。 图1: 图2: 解决方案: 代码展示: var myChart1; $(function(...
  • wu920604
  • wu920604
  • 2016年12月01日 16:20
  • 8109

echarts-去掉X轴、Y轴和网格线

1、问题背景      如何在echarts中,去掉X轴、Y轴和网格线,只留数据图形2、实现源码 echarts-去掉X轴、Y轴和网格线 $(...
  • you23hai45
  • you23hai45
  • 2016年06月02日 19:53
  • 21900

《圈圈教你玩USB》 第三章 USB鼠标的实现——看书笔记( 3 )

《圈圈教你玩USB》 第三章 USB鼠标的实现——( 3 )
  • sz189981
  • sz189981
  • 2017年03月22日 23:14
  • 210

ArcGIS中我国常用的坐标系统WKID列表

Geographic Coordinate System 地理坐标 4214  GCS_Beijing_1954  4326 GCS_WGS_1984  4490 GCS_China...
  • wildboy2001
  • wildboy2001
  • 2016年08月24日 15:10
  • 897

Open CV 学习笔记:鼠标操作(回调函数)

#include #include #include #define WINDOW_NAME "chengxuchuangkou" using namespace cv; void on_...
  • ymmqwe
  • ymmqwe
  • 2015年03月25日 16:53
  • 2196
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:计算鼠标所在位置的x,y坐标的JavaScript脚本
举报原因:
原因补充:

(最多只允许输入30个字)