当事件发生时,获取鼠标指针的位置是很重要的事件。但是由于浏览器的不兼容性,给开发带来了挑战。
鼠标指针属性及其兼容属性
属性 说明 兼容性
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
鼠标指针属性及其兼容属性
属性 说明 兼容性
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