说说offset

在Jquery里面offset()方法是返回或设置匹配元素相对于文档的偏移（位置）。

如果不用Jquery想取得某dom元素的文档偏移，理所当然想到了源生的offsetTop/offsetLeft。

然而~

源生的offsetTop/offsetLeft返回的并不是相对于文档，而是相对于父级。

那么~

获得相对于文档的偏移，我们就需要做一下处理。

首先我们要用到offsetParent这个属性。

jquery也有个同名方法，作用是返回最近的祖先定位元素。

注意哦，不是父级，是祖先定位元素。

所以思路就是，把自己包括所有祖先的offsetTop/offsetLeft相加，就得到了文档的相对偏移。

function getElementMouseCoords(ele) {
  var o = ele,
    t = 0,
    l = 0;
  while (o.tagName != "BODY") {
    t += o.offsetTop;
    l += o.offsetLeft;
    o = o.offsetParent;
  }
  return { top: t, left: l };
}