鼠标事件对象的属性 clientX 和 pageX 的区别

1 min read

clientX是鼠标事件发生时,鼠标指针相对于浏览器窗口左侧边缘的水平偏移量。它的坐标原点是浏览器窗口的左上角。

pageX是鼠标事件发生时,鼠标指针相对于整个文档左边缘的水平偏移量。它的坐标原点是整个文档的左上角。

简而言之,clientX是相对于浏览器窗口的坐标,而pageX是相对于整个文档的坐标。