PRATIQUE CLIENTS WEB 
Récupérer les coordonnées de la souris
 
"Pour l'un de mes projets, j'ai besoin de connaître les coordonnées du curseur de la souris. Est-ce seulement possible ?" (20/09/2004)
  Forum

Réagissez dans les forums de JDN Développeurs

C'est effectivement possible, grâce aux évènements. L'objet document dispose d'une méthode captureEvents() qui nous permet de surveiller un évènement particulier. En surveillant le mouvement de la souris (Event.mousemove), nous pouvons récupérer les coordonnées X et Y du curseur au sein du document en cours (et non sur l'ensemble de l'écran).
Nous affichons ici les coordonnées dans une boite d'alerte, mais rien n'empêche de les récupérer pour les utiliser dans une autre fonction...

Cliquez n'importe où sur cette page pour observer le résultat...


Le code
<script>
function sourisxy(e)
  {
  x = (navigator.appName=="Netscape") ? e.pageX : event.x + document.body.scrollLeft;
  y = (navigator.appName=="Netscape") ? e.pageY : event.y + document.body.scrollTop;
alert("x:"+x+" y:"+y);
}

if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.mousemove);
document.onclick = sourisxy;
</script>

 
Xavier Borderie, JDN Développeurs
 
 
Accueil | Haut de page