event.pageX
和 event.clientX
都是 JavaScript 中鼠标事件对象的属性,用于获取鼠标事件发生时的水平坐标值。
它们之间的区别在于坐标的参考点不同:
event.pageX
:返回鼠标事件发生时,鼠标相对于==整个文档(或页面)==左边缘的水平坐标值。它的参考点是整个文档的左边缘。event.clientX
:返回鼠标事件发生时,鼠标相对于浏览器视口(viewport)左边缘的水平坐标值。它的参考点是浏览器视口的左边缘。
简而言之,event.pageX
是相对于整个文档的坐标,而 event.clientX
是相对于浏览器视口的坐标。
没有滚动轴时,就相同
需要注意的是,当页面发生滚动时,两者的值会有所不同。
在实际应用中,你可以根据具体的需求选择使用哪个属性来获取鼠标的水平坐标。
希望这个解释对你有帮助!如果还有其他问题,请随时提问。