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

  • 时间:
  • 来源:互联网
  • 文章标签:

鼠标事件中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一样

如图:

在这里插入图片描述

本文链接http://www.taodudu.cc/news/show-1781752.html