clientX,offsetX,layerX,pageX,screenX
一、clientX、clientY
点击位置距离当前body可视区域的x，y坐标
二、pageX、pageY
对于整个页面来说，包括了被卷去的body部分的长度
三、screenX、screenY
点击位置距离当前电脑屏幕的x，y坐标
四、offsetX、offsetY
相对于带有定位的父盒子的x，y坐标
（相对于事件源元素内边框的X,Y坐标。）
五、x、y
和screenX、screenY一样 ？
图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
我觉得这里讲的很好 区分了不同浏览器下的情况
https://www.cnblogs.com/jiangxiaobo/p/6593584.html
不同浏览器下 clientX,offsetX,layerX,pageX,screenX,X鼠标位置全解
https://www.cnblogs.com/xulei1992/p/5659923.html