Les coordonnées de la souris se fait par l’utilisation du JavaScript. Le principe est de faire appel utilisant l’événement "onmousemove" à une fonction JavaScript qui permet d’obtenir les valeurs et les afficher dans un élément dans notre page html. Les coordonnées peuvent être récupérées sur toute la page ou sur un/plusieurs éléments spécifiques.
utiliser l'événement "onmousemove" sur un div
<div onmousemove="PositionSouris(event);" id="PstSouris"></div>
ou bien l'utiliser sur la balise <body>
<body onmousemove="PositionSouris(event);">
fonction javascript
<script>
function PositionSouris(event) {
var x;
var y;
x = event.clientX;
y = event.clientY;
document.getElementById('PstSouris').innerHTML =
'Coordonnées de la souris: x = ' + x + ' y = ' + y;
}
</script>
Résultat:
0 commentaires: