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

clientx和pagex和screenx

时间：2025-06-16 10:43:42 来源：互联网作者：

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

一文看懂js中的clientX，clientY，pageX，pageY，screenX 2020年2月22日 · pageX和pageY两个属性代表鼠标光标在页面中的位置，因此坐标是从页面本身而非视口的左边和顶边计算的。在没有滚动的情况下，clientX和cilentY与pageX和pageY是相更多内容请查看https://www.cnblogs.com/jsydb/p/12344622.html

jishuzhan.net一文弄清 clientX、pageX、offsetX 和 screenX 本文就来总结归纳一下 clientX 、 pageX 、 offsetX 和 screenX 之间的区别（clientY 、 pageY 、 offsetY 和 screenY 则可照理类推）。首先明确一点，它们都是鼠标事更多内容请查看https://jishuzhan.net/article/1815591152317894658

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

百度开发者中心深入理解offsetTop, clientX, pageX, screenX 和 scrollTop 2024年4月14日 · clientX 和 clientY 是鼠标事件对象的属性，分别表示鼠标指针相对于浏览器窗口可视区（viewport）的水平和垂直坐标。这些坐标不包括任何滚动偏移。 let clientX = 更多内容请查看https://developer.baidu.com/article/detail.html?id=3315572

pageX、clientX等的区别 cript获取鼠标坐标pageX和clientX的区别这两种获取鼠标坐标的方法，区别在于基于的对象不同： pageX和pageY获取的是鼠标指针距离文档（HTML）的左上角距离，不会随着滚动条滚动而改变； clientX和clientY获取更多内容请查看https://blog.csdn.net/qq_45467083/article/details/106366800

简书event对象的offsetX, clientX, pageX, screenX，你能分清吗如果在canvas中滑动鼠标，判断光标是否在某个闭合路径内，光标位置需用offsetX、offsetY表示，而不是clientX、clientY，因为在绘制路径时的坐标是相对于canvas的更多内容请查看https://www.jianshu.com/p/9afff6038bf5

pageX,clientX,screenX,offsetX区别本文详细解释了不同浏览器中鼠标事件的坐标系统，包括pageX/pageY、clientX/clientY、screenX/screenY及offsetX/offsetY的区别与联系。特别关注各坐标系在不同更多内容请查看https://blog.csdn.net/ajaxuser/article/details/7549661

推荐资讯

栏目更新

栏目热门