关于在页面上offsetLeft和offsetTop偏移数据不对的问题？

Question

下面，我在红圈处点击，下面出来的canvas的偏移数据不对呀，我这用的又不是什么ifram为什么好像他的偏移量是算的他和父级的，不应该是和大窗口的吗？

Answer 1

看文档说明哟：

HTMLElement.offsetLeft 是一个只读属性，返回当前元素左上角相对于 HTMLElement.offsetParent 节点的左边界偏移的像素值。

HTMLElement.offsetParent 指向最近的（指包含层级上的最近）包含该元素的定位元素或者最近的 table, td, th, body 元素。

Answer 2

如果父辈元素中有定位的元素，那么就返回距离当前元素最近的定位元素边缘的距离。
如果父辈元素中没有定位元素，那么就返回相对于body左边缘距离。