MouseEvent.clientX 提供事件发生时的应用客户端区域的水平坐标 (与页面坐标PageX不同，clientX不包含滚动条的距离），所以pageX =clientX+横向滚动的距离
MouseEvent.movementX 它提供了当前事件和上一个mousemove事件之间鼠标在水平方向上的移动值，此值可以获取每次鼠标移动的增量，在开发vuedargx没有关注此属性，不然可减少一部分计算代码了。
MouseEvent.offsetX 规定了事件对象与目标节点的内填充边（padding edge）在 X 轴方向上的偏移量
MouseEvent.screenX 供了鼠标相对于屏幕坐标系的水平偏移量 不包含滚动调距离
MouseEvent.x 是 MouseEvent.clientX 属性的别名.
所以，他们之间的关系应该是这样的
offsetX ,因为点击的document,所以此时offsetx=clientx=x,movementX 不好画图，读者就自己联想了。
3.3 自定义事件