一、pageX｜pageY 当鼠标点击、按下、移动时触发，可获取到该值。
pageX｜pageY：以页面左上角为基准点，相对于页面来说的。【当前鼠标触发点，距离页面左上角的距离，不会因为页面的滚动条的改变而改变】
二、clientX ｜clientY 当鼠标点击、按下、移动时触发，可获取到该值。
pageX｜pageY：以浏览器可视区域左上角为基准点，相对于浏览器来说的。【当前鼠标触发点，距离浏览器可视区域左上角的距离，会因为页面的滚动条的改变而改变】
可视区域：指的是浏览器页面可用的地方【不包含tab、前进后退刷新所占用区域、书签】
三、offsetX｜offsetY 当鼠标点击、按下、移动时触发，可获取到该值。
offsetX｜offsetY：以当前鼠标点击位置的元素左上角为基准点，相对于被操作元素本身来说的【当前鼠标触发点，距离当前元素左上角的距离，不会因为元素本身的滚动条改变而改变】
标签：clientX,clientY,触发,offsetX,pageX,pageY,左上角,页面 From： https://www.cnblogs.com/little-baby/p/18087930