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

JS获取坐标

时间:2015-07-27 10:52:07      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:



1.js获取对象的绝对坐标 方法1:

function   getAbsPoint(e)  
{  
    var   x   =   e.offsetLeft,   y   =   e.offsetTop;  
    while(e=e.offsetParent)
    {
       x   +=   e.offsetLeft;  
       y   +=   e.offsetTop;
    }
    alert("x:"+x+","+"y:"+y);  
}

 

方法2:

function   getAbsPoint(obj)  
{  
  var   x,y;  
  oRect   =   obj.getBoundingClientRect();  
  x=oRect.left;
  y=oRect.top; 
  alert("("+x+","+y+")")  
}

 

JS中获得窗口属性的方法
1。获得屏幕的分辨率:

screen.width
screen.height

2。获得窗口大小:

document.body.clientWidth
document.body.clientHeight

3。获得窗口大小(包含Border、Scroll等元素)

document.body.offsetWidth
document.body.offsetHeight 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script>
        function getScreen(e) {
            var x = e.screenX - e.clientX;
            var y = e.screenY - e.clientY;
            alert("X坐标:" + x + ",Y坐标:" + y);
        }
    </script>
</head>
<body>
    <input type="button" onclick="getScreen(event)" value="测试" />
</body>
</html>

 

JS获取坐标

标签:

原文地址:http://www.cnblogs.com/subtract/p/4679275.html

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