在这一篇文章中，将会介绍鼠标坐标、元素坐标以及鼠标在指定元素内的坐标。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找不到
以上就是关于clientrect的详细介绍的详细内容。