提供DIV中捕捉光标所需的位置信息的实现在这里
发布时间：2023-09-08 14:29:27 所属栏目：教程 来源：
导读：代码如下:
<HEAD>
<TITLE> JS获取DIV相对坐标</TITLE>
<script type="text/javascript"><!--
function getX(obj){
var parObj=obj;
var left=obj.offsetLeft;
while(parObj=parObj.offs
<HEAD>
<TITLE> JS获取DIV相对坐标</TITLE>
<script type="text/javascript"><!--
function getX(obj){
var parObj=obj;
var left=obj.offsetLeft;
while(parObj=parObj.offs
|
代码如下: <HEAD> <TITLE> JS获取DIV相对坐标</TITLE> <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.documentElement.scrollLeft) -2+"px"; document.getElementById("mp_y").innerHTML = (event.clientY-top+document.documentElement.scrollTop) -2+"px"; } // --></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> 如果不对，可以试试将 document.documentElement.scrollLeft 替换成 document.body.scrollLeft （编辑：聊城站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
推荐文章
站长推荐
