鼠标事件中的行x,y含义/clientX,clientY,pageX,pageY,offsetX,offsetY,screenX,screenY,movementX,moventmentY,x,y去别

打印一下event事件，发现里面有各种各样的偏移量

区别：

• clientX/clientY
  距离浏览器可视区域的x，y坐标（不包括滚动条和头部导航栏——相对于body）
• pageX/pageY
  对于整个页面来说，包括了被卷去的body部分的长度

当页面没有滚动条时，client和page一样

• movementX/movementY
  两个鼠标移动事件间隔时间中当中鼠标移动的相对坐标

• offsetX/offsetY
  相对于当前监听元素的x，y坐标；（不包括border）

• layerX/layerY
  是鼠标相对于目标元素最近（当前dom或父元素）的具有absolute/relative的定位元素的位置（包括border）

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

• x/y
  和clientX、clientY一样

如图