offsetX clientX pageX screenX和innerWidth outerWinth

offsetX

相对于当前点击元素左上角的偏移

clientX

相对于浏览器左上角的偏移

pageX

pageX = clientX + 横向滚动距离

screenX

相对于屏幕左上角的偏移

innerWidth

浏览器的可视内容区域宽度，当进行浏览器窗口缩放时，会改变当前浏览器可视内容区域的尺寸

outerWinth

同innerWidth，不同处在于加上了滚动条和工具栏