Discussion :

[esperal]

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

[danielhagnoul]

Bonsoir

la méthode position donne les coordonnées par rapport au parent

[esperal]

Bonsoir,

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

[danielhagnoul]

Bonsoir

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

Exemple :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

p { margin: 36px; }

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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 .