关于ClientRect的详细介绍

 在这一篇文章中，将会介绍鼠标坐标、元素坐标以及鼠标在指定元素内的坐标。1. 鼠标坐标在触发鼠标相关事件时(如：click、mousemove)，可以通过事件对象获取当前鼠标的坐标。获取的坐标可分为2种：1) MouseEvent.screenX、MouseEvent.screenY ：基于屏幕的X、Y坐标；以屏幕的左上角为0,0起始点。 2) MouseEvent.clientX、MouseEvent.clientY ：基于body的X、Y坐标；以当前body的左上角为0,0起始点，若body含有水平滚动条或垂直滚动条时，左上角还是0,0坐标点。 2. 元素的坐标元素的getBoundingClientRect()方法可获取一个 ClientRect 对象，其描述了元素的方位和宽高等信息。2.1 ClientRect

1. HTML知识-- 鼠标、元素坐标和ClientRect对象属性

简介：在这一篇文章中，将会介绍鼠标坐标、元素坐标以及鼠标在指定元素内的坐标。 1. 鼠标坐标 在触发鼠标相关事件时(如：click、mousemove)，可以通过事件对象获取当前鼠标的坐标。

2. Firefox getBoxObjectFor getBoundingClientRect联系_javascript技巧

简介：Firefox在含有flash的网页上提示：不建议使用 getBoxObjectFor() 。 请使用 element.getBoundingClientRect()。

3. 各种常用浏览器getBoundingClientRect的解析_javascript技巧

简介：getBoundingClientRect

4. javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]第1/2页_javascript技巧

简介：该方法已经不再是IE Only了，FF3.0+和Opera9.5+已经支持了该方法，可以说在获得页面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。

5. javascript 获取元素位置的快速方法 getBoundingClientRect()_javascript技巧

简介：有一种快速获得网页元素的位置。那就是使用getBoundingClientRect()方法。

6. js getBoundingClientRect() 来获取页面元素的位置_javascript技巧

简介：该方法已经不再是IE Only了，FF3.0+和Opera9.5+已经支持了该方法，可以说在获得页面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。

7. 获取元素距离浏览器周边的位置的方法getBoundingClientRect_javascript技巧

简介：本文为大家介绍下如何使用getBoundingClientRect()方法获取元素距离浏览器周边的位置，有类似问题的朋友可以参考下哈，希望对你学习js有所帮助

8. JS实现拖动示例代码_javascript技巧

简介：JS实现拖动的方法有很多，在本文将为大家介绍下使用getBoundingClientRect()方法是如何实现的，感兴趣的朋友不要错过

9. 使用getBoundingClientRect方法实现简洁的sticky组件的方法_javascript技巧

简介：本文介绍这种组件的实现思路，并提供一个同时支持将sticky元素固定在顶部或底部的具体实现，由于这种组件在网站中非常常见，所以有必要掌握它的实现方式，以便在有需要的时候基于它的思路写出功能更多的组件出来

【相关问答推荐】：

javascript - getClientRects返回的数组是什么用？

javascript - 关于iscroll的一段代码，希望有人解释

javascript - js判断进入可视区域

javascript - getBoundingClientRect().width和clientWidth都能获取设备宽度，他们有什么区别吗？

javascript - 使用mint-ui的无限滚动提示getBoundingClientRect找不到