首页 > Web开发 > 详细

jquery pagex与clientx

时间:2015-03-04 11:09:53      阅读:284      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!