JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)

JavaScript中的event对象一共有六对鼠标位置的属性。分别如下：

属性对 参考点 浏览器兼容性

clientX，clientY 浏览器窗口 所有

layerX，layerY

最近的绝对定位的父节点，如果没有，则为document Firefox，Chrome，Safari

offsetX，offsetY 事件目标对象 所有，Firefox除外

pageX，pageY document对象 所有，IE除外

ScreenX，ScreenY 计算机屏幕 所有

x,y 尽量不要用它，兼容性差 IE9及以下