Comment obtenir la position de la souris d'un élément DOM qui est un enfant d'un élément relatif?

Question

Comment obtenir la position de la souris sur un élément DOM, c'est-à-dire un enfant d'un élément relatif (en JavaScript)?

Answer 1

Voici une bonne ressource pour trouver la position d'un élément: http://www.quirksmode.org/js/findpos.html

Et à partir du même site, une ressource pour trouver la position de la souris: http://www.quirksmode.org/js/events_properties.html#position

Cela devrait être tout ce que vous avez besoin .

Answer 2

Voici la méthode que j'utilise lorsque je veux obtenir la position de la souris dans un élément. Il renvoie la valeur et dans un axe standard (bas -> haut) ou dans l'axe de la bande (haut -> bas).

/* 
    Get the position of the mouse event in a standard axis system 
    in relation to the given element. 

    Standard axis system: 
    The origin (0, 0) starts at the bottom-left and increases 
    going up for 'y' and right for 'x'. 
*/ 
function GetMousePositionInElement(ev, element) 
{ 
    var offset = element.offset(); 

    var bottom = offset.top + element.height(); 

    var x = ev.pageX - offset.left; 
    var y = bottom - ev.pageY; 

    return { x: x, y: y, y_fromTop: element.height() - y }; 
} 

Il nécessite jQuery.