获取网页中鼠标的坐标
来源:互联网 发布:海康威视怎样连接网络 编辑:程序博客网 时间:2024/06/06 14:13
主要是两段代码,把这两段代码加入你保存后的页面文件中就可以了,加入方法如下:
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坐标。
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坐标。
- 获取网页中鼠标的坐标
- js获取网页的鼠标坐标
- javascript中获取当前鼠标的坐标
- javascript中获取当前鼠标的坐标
- 获取canvas中鼠标的坐标
- 获取鼠标的坐标
- 获取鼠标的坐标
- 获取鼠标的坐标
- 获取网页上的屏幕信息和鼠标坐标
- Jquery 获取鼠标的坐标
- JS获取鼠标的坐标
- 获取当前鼠标的坐标
- JS获取鼠标的坐标
- C#获取鼠标的坐标
- 在页面中 js 获取光标/鼠标的坐标,获取光标的的像素坐标
- 随鼠标获取鼠标的坐标代码
- c#中获取屏幕上鼠标的坐标
- js中获取各种窗口的大小和鼠标坐标
- [Java SE]java打包-exe文件-最终以setup形式发布的解决之道
- java生成exe打包工具exe4j
- ASP.NET AJAX入门系列
- 内核添加系统调用
- [编程实例]批处理干掉EAV
- 获取网页中鼠标的坐标
- for语句的基本用法
- 我解Vijos Guest题目系列:前言
- 重写OpenSessionInView
- 教师信息管理系统(C++)源代码加论文
- SSIS压缩文件并以邮件附件发送
- 计算机为什么叫科学?
- 股票骗子网站揭露榜
- 案例分析 - 电信网页访问监控原理分析