screenX clientX pageX概念

screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。

clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。

pageX：参照点也是浏览器内容区域的左上角，但它不会随着滚动条而变动

如图(红点就是鼠标当前位置)

参考代码

                    
     
      div1 height:300px width:1300px
     
    
     
      div2 height:300px width:1300px
     
    
     
      div3 height:300px width:1300px

转载于:https://www.cnblogs.com/yehuabin/archive/2013/03/07/2946004.html

转载地址：https://blog.csdn.net/weixin_30781631/article/details/98077959 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：Qt Creater 制作汽车仪表盘

下一篇：特殊符号。

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

自己开发的公众号，可以领取淘宝内部优惠券

screenX clientX pageX概念

参考代码

发表评论

最新留言

关于作者

推荐文章