读书人

Event对象的五种坐标

发布时间: 2012-11-23 00:03:43 作者: rapoo

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

?

读书人网 >Web前端

热点推荐