clientX、clientY、offsetX、offsetY、pageX、pageY、screenX、screenY

鼠标事件属性概述

• clientX 和 clientY：这两个属性提供了事件发生时鼠标在浏览器视口中的位置，不包括页面滚动的部分。例如，无论页面是否滚动，当鼠标点击视口的左上角时，clientX 和 clientY 的值都是 0。
  

• offsetX 和 offsetY：这两个属性则提供了鼠标事件相对于事件目标元素的内边距边界的位置。如果事件目标是一个元素，offsetX 和 offsetY 表示鼠标点击位置相对于该元素左上角内边距的偏移量。
  

• pageX 和 pageY：与 clientX 和 clientY 类似，但它们包括了页面滚动的距离。也就是说，pageX 和 pageY 提供的是鼠标相对于整个文档左上角的位置。

• screenX 和 screenY
  ：这两个属性则表示鼠标相对于用户屏幕左上角的位置。