js中clientX，offsetX，pageX，screenX图示

1.clientX，clientY

属性名	解释
clientX	事件触发时的相对于视口的水平坐标。MouseEvent.x 是 MouseEvent.clientX 属性的别名
clientY	事件触发时的相对于视口的垂直坐标。MouseEvent.y 属性是 MouseEvent.clientY 属性的别称。

2. movementX，movementY

属性名	解释
movementX	和上一个mousemove事件之间鼠标在水平方向上的移动值。
movementY	和上一个 mousemove 事件之间鼠标在水平方向上的移动值。

3. offsetX，offsetY

属性名	解释
.offsetX	与目标节点的内填充边（padding edge）在 X 轴方向上的偏移量。
offsetX	与目标节点的内填充边（padding edge）在 Y 轴方向上的偏移量。

4.pageX，pageY

属性名	解释
pageX	相对于整个文档的x（水平）坐标。
pageY	相对于整个 document 的 Y 坐标值。

5.screenX，screenY

属性名	解释
screenX	鼠标在屏幕中的水平坐标。
screenY	鼠标在屏幕中的水平坐标。