JS：鼠标坐标相对于元件(JS: mouse coordinates relative to an

它是跨浏览器来抓老鼠的坐标相对于与此一个div框：

pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("thebox").offsetLeft;
pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("thebox").offsetTop;

Answer 1:

这对我的作品; 改变你的框架：

function assignPosition(element,event) {
cX=event.clientX; cY=event.clientY;
if ($$(element).pageYOffset)
   {
   rX=$$(element).pageXOffset;
   rY=$$(element).pageYOffset;
   }
if (document.body)
   {
   rX=document.body.scrollLeft;
   rY=document.body.scrollTop;
   }
if (document.documentElement && document.documentElement.scrollTop)
   {
   rX=document.documentElement.scrollLeft;
   rY=document.documentElement.scrollTop;
   }
cX+=rX;
cY+=rY;
$$(element).style.left=cX+"px";
$$(element).style.top=cY+"px";
}

Answer 2:

如果你没有全部/大部分的浏览器类型/版本上测试的，你可以看看这个：
W3C DOM兼容性-活动
从上面的链接： W3C DOM兼容性- CSS对象模型视图

使你的代码如何兼容是一个想法。

Answer 3:

function dodoubleclick(e){
             var mouseX, mouseY;

                if(e.offsetX) {
                    mouseX = e.offsetX;
                    mouseY = e.offsetY;
                }
                else if(e.layerX) {
                    mouseX = e.layerX;
                    mouseY = e.layerY;
                }
alert("mousex:"+mouseX+"and"+"mousey:"+mouseY);

}

这个片段将让你的鼠标坐标

文章来源: JS: mouse coordinates relative to an element