clientX、pageX、screenX、offsetX、layerX的区别

        screenX，screenY：鼠标相对于用户显示器屏幕左上角的坐标；

pageX，pageY：鼠标相对于文档左上角的坐标，pageY=clientY+scrollY

clientX，clientY：鼠标相对于当前浏览器窗口左上角的坐标，pageY=clientY+scrollY

offsetX，offsetY：鼠标相对于触发事件的元素位置内容区左上角的坐标；

layerX，layerY：如果触发元素没有设置定位，则以页面左上角为参考点；如果触发元素有设置定位，则以触发元素border边框左上角为参考点；