elem.getBoundingClientRect():返回元素相对于视图窗口的各种坐标信息(精确值,小数)(是最后呈现到人眼能看到的最终真实布局)

  • x / y:元素相对于窗口左上角的坐标
  • width / height:元素的宽高(包括 border 及其内部)
  • left:x
  • top:y
  • right:x + width
  • bottom:y + height

500

NOTE

如果需要知道关于整个文档的坐标,则加上滚动的距离:window.scrollX / window.scrollY

document.elementFromPoint(x, y):返回在窗口坐标 (x, y) 处的元素,如果有多个元素堆叠在一起,返回离用户最近的