Existe-t-il une fonction pour trouver la position de la souris par rapport à un composant ?

Version imprimable

14/08/2014, 14h17
esperal

Existe-t-il une fonction pour trouver la position de la souris par rapport à un composant ?

Bonjour,

pageX et pageY donnent la position de la souris par rapport au coin gauche de la page. Existe-t-il une fonction qui permet d'avoir cette position par rapport à un div donné ?
Merci
14/08/2014, 22h00
danielhagnoul

Bonsoir

la méthode position donne les coordonnées par rapport au parent
23/08/2014, 18h12
esperal

Bonsoir,

Je ne comprends pas ta réponse : comment utiliser position pour la souris ?

:calim2:

Bonsoir

Un peu de recherche et un peu de tests, c'est si dur ?

Exemple :

Code:

p { margin: 36px; }

Code:

1
2
3
<div>
    <p>Hello</p>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$( function(){ // forme abrégée de $(document).ready(function(){
 
    // mouse-events : "http://api.jquery.com/category/events/mouse-events/"
 
    $( "body" ).on( "mousedown", function( event ){
        var thisPos = $( this ).position();
 
        console.log( this, thisPos.top,  thisPos.left );
 
        var thistarget = $( event.target ).position();
 
        console.log( event.target, thistarget.top,  thistarget.left );
    });
 
});

25/08/2014, 15h10
SpaceFrog

sinon une soustraction c'est pas sorcier ...

tu as les coordonnées de la souris par rapport à la page
tu recupères les coordonnées de ton composant ...
tu soustrais .