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

  • clientX 鼠标相对于浏览器左上角x轴的坐标，不随滚动条滚动而改变。
  • clientY 鼠标相对于浏览器左上角y轴的坐标， 不随滚动条滚动而改变。
  • pageX 鼠标相对于浏览器左上角x轴的坐标，随滚动条滚动而改变。
  • pageY 鼠标相对于浏览器左上角y轴的坐标，随滚动条滚动而改变。
  • screenX 鼠标相对于显示器屏幕左上角x轴的坐标。
  • screenY 鼠标相对于显示器屏幕左上角y轴的坐标。
  • offsetX 鼠标相对于事件源左上角X轴的坐标。
  • offsetY 鼠标相对于事件源左上角Y轴的坐标。
    特别需要注意的是，在双屏场景中，screenX 和 screenY 要考虑到屏幕顺序问题，如果主屏在右，副屏在左，那么副屏中的 screenX 为负值！！！！
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容