event.pageX 和 event.clientX 区别

event.pageX 和 event.clientX 都是 JavaScript 中鼠标事件对象的属性，用于获取鼠标事件发生时的水平坐标值。

它们之间的区别在于坐标的参考点不同：

• event.pageX：返回鼠标事件发生时，鼠标相对于==整个文档（或页面）==左边缘的水平坐标值。它的参考点是整个文档的左边缘。
• event.clientX：返回鼠标事件发生时，鼠标相对于浏览器视口（viewport）左边缘的水平坐标值。它的参考点是浏览器视口的左边缘。

简而言之，event.pageX 是相对于整个文档的坐标，而 event.clientX 是相对于浏览器视口的坐标。

没有滚动轴时，就相同

需要注意的是，当页面发生滚动时，两者的值会有所不同。

在实际应用中，你可以根据具体的需求选择使用哪个属性来获取鼠标的水平坐标。

希望这个解释对你有帮助！如果还有其他问题，请随时提问。