码迷,mamicode.com
首页 > Web开发 > 详细

jquery pagex与clientx

时间:2015-03-04 11:09:54      阅读:148      评论:0      收藏: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.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

标签:

原文地址:http://blog.csdn.net/u011551941/article/details/44056175

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!