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