Event对象的5种坐标

1. x, y（FF不支持）

 

相对于浏览器窗口可视文档区域左上角的位置，IE例外，表示相对于文档开头的位置

 

 

2. pageX, pageY（IE不支持）

 

相对于文档开头的位置，如果有滚到条，也包括在内，IE中，使用x, y

 

 

3. offsetX, offsetY（FF不支持）

 

相对于event.target左上角的位置

 

 

4. layerX, layerY（Opera和IE不支持）

 

等价于pageX,  pageY

 

 

5. clientX, clientY

 

在Chrome，Safari和Opera中，等价于x, y，IE和FF也支持这两个属性，都表示相对于浏览器窗口可视文档区域左上角的位置。

 

要想得到事件发生的坐标相对于文档开头的位置，要加上document.documentElement.scrollLeft和 document.documentElement.scrollTop