pageX，pageY，screenX，screenY，clientX，和clientY，offsetX ，offsetY，layerX，layerY区别

2021/12/30 6:09:41

编程Tag： 浏览器 Page layer 节点 client screen clientX clientY layerY

本文主要是介绍pageX，pageY，screenX，screenY，clientX，和clientY，offsetX ，offsetY，layerX，layerY区别，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

	坐标原点（左上角）
page	document
screen	计算机屏幕
client	浏览器
offset	引发事件的节点
layer	最近的绝对定位的父节点（当所有父节点都不是绝对定位时，就以document为参照，即和page一样）

比较特殊的时offset和layer
一般screen比client多了个浏览器边框

page和layer都是会计算滚动条的，但screen和client都不管滚动条，只从浏览器/计算机的可以看见的区域开始算；即鼠标不移动，只滚动页面，点击的screenY和client都是不会变的，但是因为页面有滚动，所以pageY和layerY是会变的

这篇关于pageX，pageY，screenX，screenY，clientX，和clientY，offsetX ，offsetY，layerX，layerY区别的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！