pageX,pageY,screenX,screenY,clientX,和clientY,offsetX ,offsetY,layerX,layerY区别
| 坐标原点(左上角) | |
|---|---|
| page | document |
| screen | 计算机屏幕 |
| client | 浏览器 |
| offset | 引发事件的节点 |
| layer | 最近的绝对定位的父节点(当所有父节点都不是绝对定位时,就以document为参照,即和page一样) |
比较特殊的时offset和layer,其中layer是非标准的,在ts的mousedown事件上是不允许的,建议用offset替代
一般screen比client多了个浏览器边框

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