请教javascript怎样取得控件的坐标？

Question

我想在页面上做一个浮动层，双击页面上text控件，这个层就弹出来，出现在光标坐标下20px处。然后再div层取得值之后返回给<input type=text>。
但我在<input type=text ondblclick="getValue(this, Div1)">双击鼠标之后，用了clientTop/clientLeft、scrollTop/scrollLeft、left/top都不能正确取得控件的坐标，而offsetTop/offsetLeft只可以取得表格之外的控件的坐标。
function getValue(obj1,obj2){
obj2.style.display="inline";
obj2.pixelTop=obj1.style.top; //1
obj2.pixelTop=obj1.clientTop; //2
obj2.pixelTop=obj1.scrollTop; //3
obj2.pixelTop=obj1.offsetTop; //4
obj2.pixelLeft=obj1.style.left+20; //1
obj2.pixelLeft=obj1.clientLeft+20; //2
obj2.pixelLeft=obj1.scrollLeft+20; //3
obj2.pixelLeft=obj1.offsetLeft+20; //4
obj1.value="test...test...";
}
请问应该怎么写呢？

Answer 1

var getPos:function(o){//取元素坐标
    var x = 0, y = 0;
    do{
        x += o.offsetLeft;
        y += o.offsetTop;
    }while(o=o.offsetParent);
    return {'x':x,'y':y};
}
var pos=getPos(obj);
alert(pos.x);