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.*