getBoundingClientRect

今天fix一个拖拽库的IE8bug,发现DOM元素有一个getBoundingClientRect的方法。

  • 这一个JS原生方法
  • 这是一个从IE私有API演变过来的标准API
  • 这个方法可以获取矩形目标元素四条边相对于文档视图(DocumentView)左上角的距离

也就是说,可以很简单的通过这个方法,获取元素相对于浏览器的坐标、元素自身宽高尺寸等

参考: