html获取鼠标绝对坐标,JavaScript获取网页元素的绝对坐标

function findPosX(obj) {

var curleft = 0;

if (obj.offsetParent) { //返回父类元素，大多说offsetParent返回body

while (obj.offsetParent) {//遍历所有父类元素

curleft += obj.offsetLeft;//当前元素的左边距

obj = obj.offsetParent;

}

} else if (obj.x) curleft += obj.x;

return curleft;

}

function findPosY(obj) {

var curtop = 0;

if (obj.offsetParent) {

while (obj.offsetParent) {

curtop += obj.offsetTop;

obj = obj.offsetParent;

}

} else if (obj.y) curtop += obj.y;

return curtop;

}

function getPos(){

return {x:findPosX(document.getElementById("p36table")),y:findPosY(document.getElementById("p36table"))};

}

function showPos(){

var pos = getPos();

alert("x=="+pos.x+"y=="+pos.y);

}

src='#'>

测试获得坐标

附注：

方法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