<TITLE>JS获取DIV相对坐标</TITLE>

<scripttype="text/javascript"><!--

functiongetX(obj){

varparObj=obj;

varleft=obj.offsetLeft;

while(parObj=parObj.offsetParent){

left+=parObj.offsetLeft;

}

returnleft;

}

functiongetY(obj){

varparObj=obj;

vartop=obj.offsetTop;

while(parObj=parObj.offsetParent){

top+=parObj.offsetTop;

}

returntop;

}

functionDisplayCoord(event){

vartop,left,oDiv;

oDiv=document.getElementById("demo");

top=getY(oDiv);

left=getX(oDiv);

document.getElementById("mp_x").innerHTML=(event.clientX-left+document.documentElement.scrollLeft)-2+"px";

document.getElementById("mp_y").innerHTML=(event.clientY-top+document.documentElement.scrollTop)-2+"px";

}

//--></script>

</HEAD>

<BODYstyle="margin:40px;"mce_style="margin:40px;">

<divstyle="background-color:#000000;color:#0011FF;width:300px;height:300px;position:absolute;top:80px;left:90px;margin:0px;border:0px;"id="demo"onmousemove="DisplayCoord(event)">

我是DIV,经测试,有2PX的误差...

</div>

当前鼠标坐标为：

X：<spanid="mp_x"></span>

Y：<spanid="mp_y"></span>

</body>

</BODY>

</HTML>

如果不对，可以试试将

document.documentElement.scrollLeft

替换成

document.body.scrollLeft

下一篇：JS实现下拉菜单赋值到文本框的方法