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是会变的
标签：clientX,clientY,layer,浏览器,layerY,page,client,节点,screen 来源： https://www.cnblogs.com/Lilc20201212/p/15747112.html