标签:
当事件发生时,获取鼠标指针的位置是很重要的事件。这原本是一个很简单的问题,但是由于浏览器的不兼容性,给开发带来了挑战。不同浏览器分别在各自事件对象中定义了不同的属性,详见下方图表。
| 属性 | 说明 | 兼容性 |
| clientX | 以浏览器窗口左上顶角为原点,定位X轴坐标 | 所有浏览器,不兼容Safari |
| clientY | 以浏览器窗口左上顶角为原点,定位Y轴坐标 | 所有浏览器,不兼容Safari |
| offsetX | 以当前事件的目标对象左上顶角为原点,定位X轴坐标 | 所有浏览器,不兼容Mozilla |
| offsetY | 以当前事件的目标对象左上顶角为原点,定位Y轴坐标 | 所有浏览器,不兼容Mozilla |
| pageX | 以document对象(即文档窗口)左上顶角为原点,定位X轴坐标 | 所有浏览器,不兼容IE |
| pageY | 以document对象(即文档窗口)左上顶角为原点,定位Y轴坐标 | 所有浏览器,不兼容IE |
| screenX | 计算机屏幕左上角为原点,定位X轴坐标 | 所有浏览器 |
| screenY | 计算机屏幕左上角为原点,定位Y轴坐标 | 所有浏览器 |
| layerX | 最近的绝对定位的父元素(如果没有,则为document对象)左上顶角为原点,定位X轴坐标 | Mozilla 和 Safari |
| layerY | 最近的绝对定位的父元素(如果没有,则为document对象)左上顶角为原点,定位Y轴坐标 | Mozilla 和 Safari |
标签:
原文地址:http://www.cnblogs.com/lvmylife/p/5368727.html