js的clientXY、pageXY、screenXY、offsetXY属性对比

一、clientX、clientY
点击位置距离当前body可视区域的x,y坐标

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

 

 

 

 

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

 

 

 

 

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

 

 

 

 

五、x、y
和screenX、screenY一样

posted @ 2020-06-18 01:01  图图小淘气_real  阅读(150)  评论(0编辑  收藏  举报