找了好久,终找到了一个好的方法,备忘! <HEAD> <TITLE> JS获取DIV相对坐标</TITLE> <mce:script type="text/javascript"><!-- function getX(obj){ var parObj=obj; var left=obj.offsetLeft; while(parObj=parObj.offsetParent){ left+=parObj.offsetLeft; } return left; } function getY(obj){ var parObj=obj; var top=obj.offsetTop; while(parObj = parObj.offsetParent){ top+=parObj.offsetTop; } return top; } function DisplayCoord(event){ var top,left,oDiv; oDiv=document.getElementById("demo"); top=getY(oDiv); left=getX(oDiv); document.getElementById("mp_x").innerHTML = (event.clientX-left+document.body.scrollLeft) -2+"px"; document.getElementById("mp_y").innerHTML = (event.clientY-top+document.body.scrollTop) -2+"px"; } // --></mce:script> </HEAD> <BODY style="margin:40px;" mce_style="margin:40px;"> <div style="background-color:#000000;color:#0011FF;width:300px;height:300px;position:absolute;top:80px;left:90px;margin:0px; border:0px;" id="demo" οnmοusemοve="DisplayCoord(event)"> 我是DIV,经测试,有2PX的误差... </div> 当前鼠标坐标为： X：<span id="mp_x"></span> Y：<span id="mp_y"></span> </body> </BODY> </HTML>
扫一扫
7937
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
