event对象中pageX/Y，clientX/Y，screenX/Y，offsetX/Y区别

本文主要是介绍event对象中pageX/Y，clientX/Y，screenX/Y，offsetX/Y区别，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

由鼠标事件（MouseEvent）可以发现： 

1、clientX、clientY
点击位置距离当前body可视区域的x，y坐标

2、pageX、pageY
对于整个页面来说，包括了被卷去的body部分的长度

3、screenX、screenY
点击位置距离当前电脑屏幕的x，y坐标

4、offsetX、offsetY
相对于带有定位的父盒子的x，y坐标

5、x、y
和screenX、screenY一样

这篇关于event对象中pageX/Y，clientX/Y，screenX/Y，offsetX/Y区别的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---