前端鼠标位置信息：clientX、pageY、offsetX区别详解

clientX 和 clientY 属性提供了鼠标相对于浏览器窗口文档区域左上角的坐标。

pageX 和 pageY 属性提供了鼠标相对于文档左上角的坐标。

offsetX 和 offsetY 属性提供了鼠标相对于事件源元素的坐标。如果事件源元素具有边框，那么 offsetX 和 offsetY 的值将不包括边框的宽度。

总之，clientX 和 clientY 表示相对于浏览器窗口的坐标，pageX 和 pageY 表示相对于文档的坐标，offsetX 和 offsetY 表示相对于事件源元素的坐标。