Event对象的五种坐标
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