souris

coordonnees

position

mouse

event.clientX

event.clientY

script

javascript

php

css

Pour connaître la position de la souris dans la fenêtre, quelque soit le navigateur.

POSITION DE LA SOURIS

Concept

On a parfois besoin dans certains scripts de connaître la position de la souris. Ca à l'air tout bête comme ça, mais ça soulève ses petites difficultés, à cause notamment d'un navigateur dont je ne citerai pas le nom, qui ne marche pas (comme les autres).

Démo

Déplacez votre souris dans la fenêtre pour connaître sa position :

La position est donnée en pixels, relativement au coin supérieur-gauche de la page. Pour avoir des mesures relatives à la zone visible de la page, soustrayez-leur la valeur du scrolling, que vous obtiendrez grâce à cet autre script : scrolled.

Code

Pour disposer de la variable mousePos, rien de plus simple, placez dans votre page le bout de code suivant :

<script src="mousePos.js" type="text/javascript"></script>

Ensuite, si vous souhaitez affecter une fonction à l'événement onmousemove, vous pourrez procéder comme ceci (ou de façon plus rafinée, avec eventListeners):

document.onmousemove = function() { /*...*/ };

Téléchargement

Servez-vous : mousePos.js

compatibilité :

(autres navigateurs non testés)

Commentaires