鼠标位置

[huoxiangdong]

• PageX: 相对于文档边缘（包含滚动条距离）

• clientX/Y,X/Y: 相对于当前页面且不包含滚动条距离 (可视区)

• pageX/Y,layerX/Y,offsetX/Y: 相对于页面且考虑滚动条

• screenX/Y: 鼠标指针相对于屏幕的坐标

• offsetX/Y: 相对于当前元素（块或行内块），除safari外不包含边框 。

[huoxiangdong]

• clientTop: 一个元素顶部边框的宽度（以像素表示）
• HTMLElement.offsetParent:
  • 指向最近的包含该元素的定位元素。
  • 如果没有定位的元素，则 offsetParent 为最近的 table, table cell 或根元素（标准模式下为 html；quirks 模式下为 body）。
  • 当元素的 style.display 设置为 "none" 时，offsetParent返回 null。
  • offsetParent 很有用，因为 offsetTop 和 offsetLeft 都是相对于其内边距边界的

[huoxiangdong]

• offsetLeft,offsetTop: 相对于 offsetParent 元素的距离，而 offsetParent 指的是一个元素最近的父级定位元素，如果没有定位元素就是文档根节点

• offsetLeft,offsetTop: 当前元素左上角相对于 HTMLElement.offsetParent节点的左边界偏移的像素值

[huoxiangdong]

MouseEvent.offsetX / Y

• 事件对象与目标节点的内填充边（padding edge）在 X 轴方向上的偏移量

[huoxiangdong]

[huoxiangdong]

[huoxiangdong]

[huoxiangdong]