JS 获取DIV中鼠标相对位置坐标
来源:互联网 发布:抓蚊子 知乎 编辑:程序博客网 时间:2024/05/20 07:15
<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" onmousemove="DisplayCoord(event)"> 我是DIV,经测试,有2PX的误差... </div> 当前鼠标坐标为: X:<span id="mp_x"></span> Y:<span id="mp_y"></span> </body> </BODY> </HTML>