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

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

比较特殊的时offset和layer
一般screen比client多了个浏览器边框
pageX,pageY,screenX,screenY,clientX,和clientY,offsetX ,offsetY,layerX,layerY区别

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

上一篇:揭开Wayland的面纱(二):Wayland应运而生


下一篇:java发送get-post请求