JS: coordonnées de la souris par rapport à un élément

Question

est-il cross-browser pour attraper la souris coordonnées par rapport à une boîte div avec ceci:

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

cela fonctionne pour moi; changer à votre cadre:

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

Si vous ne disposez pas de tous/la plupart des types/versions navigateur pour tester, vous pouvez jeter un oeil à ceci:
W3C DOM Compatibility - Events
Lié par le haut: W3C DOM Compatibility - CSS Object Model View

Vous donne une idée de la compatibilité des codes.

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

}

cette volonté d'extrait vous donne les coordonnées souris