Attribut screenY de l'événement MouseEvent

Événements DOM MouseEvent

Définition et utilisation

L'attribut screenY retourne l'ordonnée verticale du pointeur de la souris au moment de l'activation de l'événement (par rapport à l'écran de l'utilisateur).

Astuce :Pour obtenir l'abscisse du pointeur de la souris (par rapport à l'écran de l'utilisateur), utilisez screenX Propriétés.

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 l'abscisse horizontale
var y = event.screenY;     // Obtenir l'ordonné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.screenY

Détails techniques

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

Support du navigateur

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

Pages associées

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

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

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

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

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

Événements DOM MouseEvent