elem.getBoundingClientRect()
:返回元素相对于视图窗口的各种坐标信息(精确值,小数)(是最后呈现到人眼能看到的最终真实布局)
- x / y:元素相对于窗口左上角的坐标
- width / height:元素的宽高(包括 border 及其内部)
- left:x
- top:y
- right:x + width
- bottom:y + height
NOTE
如果需要知道关于整个文档的坐标,则加上滚动的距离:window.scrollX / window.scrollY
document.elementFromPoint(x, y)
:返回在窗口坐标 (x, y) 处的元素,如果有多个元素堆叠在一起,返回离用户最近的