JavaScript中的位置坐标

浏览数：23 / 时间：2015年06月08日

参考来源：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);
});

 

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

标签： 编程语言 Java C C# Javascript js Python Ruby Spring 程序 VB

相关文章

随机文章

您可能还喜欢

您可能还喜欢