jquery pagex与clientx

浏览数：40 / 时间：2015年06月09日

<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.onmousemove=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。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

jquery pagex与clientx