【鼠标事件 MouseEvent】clientX clientY offsetX offsetX pageX screenX screenY

搞不懂鼠标事件下x，y坐标特做处理

鼠标事件 MouseEvent 对象，下clientY clientY offsetX offsetX pageX screenX screenY

文章参考

定义转自 MDNMouseEvent

• MouseEvent.offsetX 只读 Experimental

  鼠标指针相对于当前点击盒子的内边位置 X 坐标

• MouseEvent.offsetY 只读 Experimental

  鼠标指针相对于当前点击盒子的内边位置 Y 坐标

• MouseEvent.clientX 只读

  鼠标指针相对于浏览器可视窗口的 X 坐标。

• MouseEvent.clientY 只读
  鼠标指针相对于浏览器可视窗口的 Y 坐标。

• MouseEvent.pageX 只读 Experimental

  鼠标指针相对于浏览器的 X 坐标（包括浏览器滚动宽度）；

• MouseEvent.pageY 只读 Experimental

  鼠标指针相对于浏览器的 Y 坐标（包括浏览器滚动高度）；

• MouseEvent.screenX 只读

  鼠标指针相对于全局（屏幕）的 X 坐标(不包括滚动距离)；

• MouseEvent.screenY 只读

  鼠标指针相对于全局（屏幕）的 Y 坐标(不包括滚动距离)；

后续会更新offetTop之类相关位置文章（比较懒等我用到记不住在更新）