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

 

你可能感兴趣的:(event)