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

时间:2021-07-24 10:21:02

//获取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.*