HTML鼠标事件中clientX,screenX,offsetX,pageX的区别

• clientX 鼠标相对于浏览器左上角x轴的坐标，不随滚动条滚动而改变。
• clientY 鼠标相对于浏览器左上角y轴的坐标， 不随滚动条滚动而改变。
• pageX 鼠标相对于浏览器左上角x轴的坐标，随滚动条滚动而改变。
• pageY 鼠标相对于浏览器左上角y轴的坐标，随滚动条滚动而改变。
• screenX 鼠标相对于显示器屏幕左上角x轴的坐标。
• screenY 鼠标相对于显示器屏幕左上角y轴的坐标。
• offsetX 鼠标相对于事件源左上角X轴的坐标。
• offsetY 鼠标相对于事件源左上角Y轴的坐标。
  特别需要注意的是，在双屏场景中，screenX 和 screenY 要考虑到屏幕顺序问题，如果主屏在右，副屏在左，那么副屏中的 screenX 为负值！！！！