JS 获取DIV中鼠标相对位置的方法

//获取div的x位置

function getX(obj){
var ParentObj=obj;
var left=obj.offsetLeft;
while(ParentObjParentObj=ParentObj.offsetParent){
left+=ParentObj.offsetLeft;
}
return left;
}
//获取div的y位置
function getY(obj){
var ParentObj=obj;
var top=obj.offsetTop;
while(ParentObjParentObj=ParentObj.offsetParent){
top+=ParentObj.offsetTop;
}
return top;
}

//显示鼠标点击处相对div的位置
function DisplayCoord(event)
{
var top,left,oDiv;
oDiv=document.getElementById("demo");
top=getY(oDiv);
left=getX(oDiv); 
alert( (event.clientX-left+document.body.scrollLeft)+"px"); 
alert( (event.clientY-top+document.body.scrollTop)+"px");
}

//注意，若页面有DTD头则应该将document.body.*改成document.documentElement.*

最后

以上就是幸福金毛为你收集整理的JS 获取DIV中鼠标相对位置的方法的全部内容，希望文章能够帮你解决JS 获取DIV中鼠标相对位置的方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。