您当前的位置：首页 > 编程

clientx和screenx的区别

时间：2025-04-29 21:17:00 来源：互联网作者：

AI导航网，AI网站大全，AI工具大全，AI软件大全，AI工具集合，AI编程，AI绘画，AI写作，AI视频生成，AI对话聊天等更多内容请查看 https://aiaiv.cn/

SegmentFault 思否图解鼠标事件的 ScreenX 2023年2月27日 · 回到 clientX 和 clientY 上，在这里明确比告诉大家一个概念：这两个值只关心用户当前屏幕 (浏览器窗口)上能够看到的区域，并且从当前区域的左上角开始计算距离。什么更多内容请查看https://segmentfault.com/a/1190000043478248

极客教程JavaScript screenX/Y, clientX/Y和pageX/Y之间有 clientX 和 clientY 是只读属性，分别提供内容区域内或浏览器窗口视口内的水平和垂直坐标。例如，如果用户在网页上垂直滚动并在视口的开头点击，那么clientY将始终返回0。更多内容请查看https://geek-docs.com/javascript/javascript-top-articles/1698609178_g_what-is-the-difference-between-screenx-y-clientx-y-and-pagex-y.html

图解JS事件对象screenX、clientX、pageX, offsetX 2022年10月30日 · 考虑到兼容性，event.x不建议使用，event.x可以用event.clientX 代替. layerX/Y获取到的是触专发点相对被触发dom左上角的距离，数值与offsetX/Y相同，这个变量就是firefox用来替代offsetX/Y的，基准点为边框更多内容请查看https://www.cnblogs.com/dwywtd/p/16841277.html

一文看懂js中的clientX，clientY，pageX，pageY，screenX 2020年2月22日 · 这个位置信息保存在事件对象的clientX和clientY属性中，所有浏览器都支持这两个属性。我们知道了这个位置信息我们可以做些什么了？举个例子，有时候我们需要获取鼠更多内容请查看https://www.cnblogs.com/jsydb/p/12344622.html

简书图解JS事件坐标screenX、clientX、pageX和offsetX的区别如果浏览器是全屏的，那么screenX、screenY都是为0的。非全屏下screenY不为0的（见下图蓝色箭头部分）。下面两张图可以明显对比出 clientX 的特征：用图2.1做对更多内容请查看https://www.jianshu.com/p/b203880a86c3

腾讯云event兼容,clientX,pageX,offsetX和screenX的区别 clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 pageX：参照点也是浏览器内容区域的左上角，但它包括滚动更多内容请查看https://cloud.tencent.com/developer/article/1756500

推荐资讯

栏目更新

栏目热门