JavaScript中的event对象一共有六对鼠标位置的属性。分别如下:
属性对 | 参考点 | 浏览器兼容性 |
clientX,clientY | 浏览器窗口 | 所有 |
layerX,layerY | 最近的绝对定位的父节点,如果没有,则为document | Firefox,Chrome,Safari |
offsetX,offsetY | 事件目标对象 | 所有,Firefox除外 |
pageX,pageY | document对象 | 所有,IE除外 |
ScreenX,ScreenY | 计算机屏幕 | 所有 |
x,y | 尽量不要用它,兼容性差 | IE9及以下 |