html5 js获取鼠标坐标,js怎么获取鼠标在div中的相对位置

大家在做网页的时候都可能会用到鼠标在div中的相对位置，那么怎么获取鼠标在div中的相对位置呢?下面由学习啦小编教大家怎么获取鼠标在div中的相对位置吧。

如何获取鼠标在div中的相对位置

代码如下:

JS获取DIV相对坐标

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";

}

// -->

我是DIV,经测试,有2PX的误差...

当前鼠标坐标为：

X：

Y：