美文网首页
HTML鼠标事件中clientX,screenX,offsetX

HTML鼠标事件中clientX,screenX,offsetX

作者: MiAo鲜声 | 来源:发表于2022-04-19 10:08 被阅读0次
    • clientX 鼠标相对于浏览器左上角x轴的坐标,不随滚动条滚动而改变。
    • clientY 鼠标相对于浏览器左上角y轴的坐标, 不随滚动条滚动而改变。
    • pageX 鼠标相对于浏览器左上角x轴的坐标,随滚动条滚动而改变。
    • pageY 鼠标相对于浏览器左上角y轴的坐标,随滚动条滚动而改变。
    • screenX 鼠标相对于显示器屏幕左上角x轴的坐标。
    • screenY 鼠标相对于显示器屏幕左上角y轴的坐标。
    • offsetX 鼠标相对于事件源左上角X轴的坐标。
    • offsetY 鼠标相对于事件源左上角Y轴的坐标。
      特别需要注意的是,在双屏场景中,screenX 和 screenY 要考虑到屏幕顺序问题,如果主屏在右,副屏在左,那么副屏中的 screenX 为负值!!!!

    相关文章

      网友评论

          本文标题:HTML鼠标事件中clientX,screenX,offsetX

          本文链接:https://www.haomeiwen.com/subject/ieksertx.html