老师 讲解一下offsetX/Y clientX/Y pageX/Y screenX/Y之间的区别
来源：5-2 编程练习
慕前端8091531
2020-03-19 13:03:31
老师 能不能图解一下offsetX/Y clientX/Y pageX/Y screenX/Y之间的区别啊
写回答
1回答
-
同学你好，问题解答如下：
1、screenX/screenY：鼠标位置相对于用户屏幕水平/垂直偏移量，此时的参照点也就是原点是屏幕的左上角（包括顶部栏）
2、pageX/pageY：参照点是浏览器内容区域的左上角（如果页面有滚动，也是计算包括滚动的）
3、clientX/clientY：参照点是浏览器内容区域的左上角（如果页面有滚动，不包括滚动）
4、offsetX/offsetY：参照点是带有定位的父盒子的坐标，如果没有定位的祖先元素，参照点是body的左上角
例如：
自己可以测试理解下，祝学习愉快！
1
相似问题
老师再讲解一遍，谢谢
回答 1
这两种写法有啥区别吗？
回答 2