Attribut MouseEvent screenX

Événements DOM MouseEvent

Définition et utilisation

L'attribut screenX retourne la coordonnée horizontale du pointeur de la souris au moment de la déclenchement de l'événement (par rapport à l'écran de l'utilisateur).

Astuce :Pour obtenir la coordonnée verticale du pointeur de la souris (par rapport à l'écran de l'utilisateur), utilisez screenY Propriété.

Remarque :Cette propriété est lecture seule.

Exemple

Exemple 1

Obtenir les coordonnées du pointeur de la souris par rapport à l'écran lors d'un clic sur l'élément :

var x = event.screenX;     // Obtenir la coordonnée horizontale
var y = event.screenY;     // Obtenir la coordonnée verticale
var coor = "X coords: " + x + ", Y coords: " + y;

Essayez-le vous-même

Exemple 2

Démonstration de la différence entre clientX et clientY ainsi que 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-le vous-même

Syntaxe

event.screenX

Détails techniques

Valeur de retour : Valeur numérique, représentant la coordonnée horizontale du pointeur de la souris, en pixels.
Version DOM : DOM Level 2 Events

Support du navigateur

Propriétés Chrome IE Firefox Safari Opera
screenX Support Support Support Support Support

Pages associées

Manuel de référence du DOM HTML :Propriété screenY de MouseEvent

Manuel de référence du DOM HTML :Propriété clientX de MouseEvent

Manuel de référence du DOM HTML :Propriété clientY de MouseEvent

Manuel de référence du DOM HTML :Propriété offsetX de MouseEvent

Manuel de référence du DOM HTML :Propriété offsetY de MouseEvent

Événements DOM MouseEvent