标签:
当事件发生时,获取鼠标指针的位置是很重要的事件。这原本是一个很简单的问题,但是由于浏览器的不兼容性,给开发带来了挑战。不同浏览器分别在各自事件对象中定义了不同的属性,详见下方图表。
属性 | 说明 | 兼容性 |
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