JavaScript中的位置坐标

时间：2015-05-16 18:17:51 收藏：0 阅读：148

参考来源：http://www.cnblogs.com/tugenhua0707/p/4501843.html

screenX、screenY：浏览器屏幕水平、垂直坐标（相对于浏览器内整个屏幕，包括地址栏、书签栏等）

clientX、clientY：页面客户区水平坐标、垂直坐标（不包含滚动部分）

pageX、pageY：页面水平坐标、垂直坐标（包含滚动部分），等于客户区坐标加上滚动部分，示例：

EventUtil.addHandler(btn,‘click‘,function(e){
    e = EventUtil.getEvent(e);
    var pageX = e.pageX,
          pageY = e.pageY;
    if(!pageX) {
    pageX = e.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);
    }
    if(!pageY) {
    pageY = e.clientY + (document.body.scrollTop || document.documentElement.scrollTop);
    }
    console.log("页面X轴坐标为:"+pageX + " "+ "页面Y轴坐标为:"+pageY);
});