鼠标事件中clientX、offsetX、screenX、pageX、x的区别:

一、clientX、clientY

点击位置距离当前body可视区域的x,y坐标(所在的窗口)

二、pageX、pageY

对于整个页面来说,包括了被卷去的body部分的长度

三、screenX、screenY

点击位置距离当前电脑屏幕的x,y坐标

四、offsetX、offsetY

相对于带有定位的父盒子的x,y坐标

五、x、y

和screenX、screenY一样

如图:

鼠标事件中clientX、offsetX、screenX、pageX、x的区别

相关文章:

  • 2021-06-14
  • 2021-08-23
  • 2022-01-18
  • 2022-12-23
  • 2021-09-07
猜你喜欢
  • 2021-11-16
  • 2021-05-28
  • 2021-09-16
  • 2021-04-28
相关资源
相似解决方案