js鼠标事件clientX/Y、offsetX/Y、screenX/Y、pageX/Y、x/y的区别

X:以浏览器可视窗口为参考，相对窗口左上角的横坐标像素
Y:以浏览器可视窗口为参考，相对窗口左上角的纵坐标像素
clientX：以浏览器可视窗口为参考，相对窗口左上角的横坐标像素
clientY：以浏览器可视窗口为参考，相对窗口左上角的纵坐标像素
————————————————————————————
offsetX：以被点击的目标元素为参考，相对目标元素左上角横坐标像素
offsetY：以被点击的目标元素为参考，相对目标元素左上角纵坐标像素
————————————————————————————
layerX：默认情况下以页面整体为参考，相对页面左上角横坐标像素
点击的目标元素设置position定位，相对目标元素左上角横坐标像素
layerY：以页面整体为参考，相对页面左上角纵坐标像素
点击的目标元素设置position定位，相对目标元素左上角纵坐标像素
pageX：以页面整体为参考，相对页面左上角横坐标像素
pageY：以页面整体为参考，相对页面左上角纵坐标像素
————————————————————————————
screenX：以显示屏幕为参考，相对显示屏左上角横坐标像素
screenY：以显示屏幕为参考，相对显示屏左上角纵坐标像素