MouseEvent screenX Property

Exemple

Obtenez les coordonnées du pointeur de la souris, par rapport à l'écran, lorsque le bouton de la souris est cliqué sur un élément:

var x = event.screenX; // Get the horizontal coordinate
var y = event.screenY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;

Pourrait être le résultat de coor:

X coords: 142, Y coords: 99

Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

La propriété screenX retourne coordonnée horizontale (according to the users computer screen) l' (according to the users computer screen) du pointeur de la souris quand un événement a été déclenché.

Astuce: Pour obtenir la coordonnée verticale (selon l'écran) du pointeur de la souris, utilisez la screenY propriété.

Note: Cette propriété est en lecture seule.

Support du navigateur

Propriété
screenX	Oui	Oui	Oui	Oui	Oui

Syntaxe

event .screenX

Détails techniques

Valeur de retour:	Un nombre, qui représente la coordonnée horizontale du pointeur de la souris, en pixels
DOM Version:	DOM niveau 2 Events

autres exemples

Exemple

Une démonstration des différences entre clientX et clientY et screenX et screenY:

var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

Essayez vous - même »