鼠标事件中event对象的坐标
来源:互联网 发布:手机透视物体软件 编辑:程序博客网 时间:2024/05/16 16:15
鼠标的页面坐标=鼠标的客户区坐标+页面的滚动距离
即:
event.pageX = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);
event.pageY = event.clientY +(document.body.scrollTop || document.documentElement.scrollTop);
在页面没有滚动的情况下,pageX和pageY的值和clientX和clientY的值相等。
IE8以及更早版本不支持事件对象上的页面坐标,所以可以使用客户区坐标和滚动信息计算出来。
这时候需要用到document.body(混杂模式)或document.documentElement(标准模式)中 的scrollLeft和scrollTop属性。
var div = document.getElementById("myDiv");
div.onmouseover = function(event){
var pageX = event.pageX;
var pageY = event.pageY;
if(pageX === undefined){
pageX = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);
}
if(pageY === undefined){
pageY = event.clientY +(document.body.scrollTop || document.documentElement.scrollTop);
}
alert("page coordinates: "+pageX + " , "+pageY);
}
- 鼠标事件中event对象的坐标
- JS-事件类型(鼠标事件中event对象的独有属性)
- Event对象之鼠标事件
- js event对象获取鼠标坐标
- HTML DOM Event对象中onmousedown与模拟鼠标事件
- event对象的坐标属性
- js中事件对象event的兼容性问题
- windows 的鼠标事件(Event)
- windows 的鼠标事件(Event)
- windows 的鼠标事件(Event)
- windows 的鼠标事件(Event)
- javascript事件处理中Event对象(键盘事件和鼠标事件)实例
- Event事件对象之鼠标_键盘事件对象
- 获取事件目标对象的位置坐标或者鼠标位置坐标(兼容IE和火狐)
- Event对象的坐标及距离
- Event对象的五种坐标
- JavaScript-4.6鼠标事件监听,获取鼠标坐标window.event---ShinePans
- 事件对象Event的使用
- leetcode--Remove Duplicates from Sorted Array II
- Java生成UUID
- Qt的adjectSize()和update()
- 栈的应用 数组模拟 (指针)
- cmake 出错可能原因有CMakeCache
- 鼠标事件中event对象的坐标
- Spring Boot Web 开发注解篇
- 并发服务器的实现
- iBatis2学习笔记:SqlMap的配置总结(18条)
- MTK Android Driver:EINT
- Linux下查看Tomcat的控制台输出信息
- Android Json数据解析的深入理解和使用
- RESTful 架构风格概述
- HDU 6069 Counting Divisors (素数)