jquery pagex与clientx

最新推荐文章于 2023-11-17 01:55:00 发布

寓言s

最新推荐文章于 2023-11-17 01:55:00 发布

阅读量3.4k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/u011551941/article/details/44056175

版权

javascript 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<html lang="en">
    <head>
        <meta charset="utf-8">
        <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>

    </head>
    <body style="width:2200px;height:10000px";>
    </body>
    <script>
       function getpos(ev){
           var scrilltop=document.documentElement.scrollTop||document.body.scrollTop;
           var scrillLeft=document.documentElement.scrollLeft||document.body.scrollLeft;
           return {x:ev.clientX+scrillLeft,y:ev.clientY+scrilltop}
       }
        document.οnmοusemοve=function(e){
             var events=e||event;
           // console.log("clientX:"+events.clientX+"\n"+"pageX:"+events.pageX);
             if(getpos(events).x==events.pageX){
                   console.log("1111");
             }
        }
            
    </script>
</html>

能够打印出1111

clientX相对窗口左边缘

pageX相对文档左边缘

clientX+scrollLeft=pageX；

pageX是jquery的属性做了兼容的。推荐用pageX。

寓言s

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery pagex与clientx

function getpos(ev){ var scrilltop=document.documentElement.scrollTop||document.body.scrollTop; var scrillLeft=document.documentElement.scrollLeft||document.body.scrollLeft;
复制链接

扫一扫

专栏目录