这些属性都是在处理鼠标点击事件时常用的属性，但它们有不同的含义和用途：
1.clientX:
2.clientX 属性返回鼠标点击事件的发生点相对于浏览器窗口客户区域（viewport）的水平坐标。
3.它提供的是相对于浏览器窗口左上角的坐标位置。
4.对于滚动的页面，如果页面向下滚动了，那么 clientX 不会受到页面滚动的影响。
5.pageX:
6.pageX 属性返回鼠标点击事件的发生点相对于整个文档的水平坐标。
7.它提供的是相对于文档左上角的坐标位置。
8.如果页面有水平滚动，pageX 的值会随着页面的滚动而变化。
9.screenX:
10.screenX 属性返回鼠标点击事件的发生点相对于用户屏幕的水平坐标。
11.它提供的是相对于用户屏幕左上角的坐标位置。
12.与窗口或文档的滚动无关，只与屏幕显示器的尺寸和显示位置有关。
13.movementX:
14.movementX 属性是相对于鼠标上次移动事件（mousemove）的水平移动距离。
15.它表示鼠标相对于上一次移动事件的水平移动量。
16.如果鼠标停止移动，则 movementX 为 0。
17.该属性通常用于跟踪鼠标拖动操作的移动量。
总结：
18.clientX：相对于浏览器窗口客户区域的水平坐标。
19.pageX：相对于整个文档的水平坐标。
20.screenX：相对于用户屏幕的水平坐标。
21.movementX：相对于鼠标上次移动事件的水平移动距离。
