您的位置：首页 > Web前端 > JavaScript

JS获取坐标

2015-07-27 09:26 531 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航