在这一篇文章中，将会介绍鼠标坐标、元素坐标以及鼠标在指定元素内的坐标。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有所帮助
简介：JS实现拖动的方法有很多，在本文将为大家介绍下使用getBoundingClientRect()方法是如何实现的，感兴趣的朋友不要错过
9. 使用getBoundingClientRect方法实现简洁的sticky组件的方法_javascript技巧
简介：本文介绍这种组件的实现思路，并提供一个同时支持将sticky元素固定在顶部或底部的具体实现，由于这种组件在网站中非常常见，所以有必要掌握它的实现方式，以便在有需要的时候基于它的思路写出功能更多的组件出来
【相关问答推荐】：
javascript - getClientRects返回的数组是什么用？
javascript - 关于iscroll的一段代码，希望有人解释
javascript - getBoundingClientRect().width和clientWidth都能获取设备宽度，他们有什么区别吗？
javascript - 使用mint-ui的无限滚动提示getBoundingClientRect找不到
以上就是关于ClientRect的详细介绍的详细内容，更多请关注php中文网其它相关文章！
