Propriété pageY de l'événement MouseEvent

Définition et utilisation

Lorsque l'événement souris est déclenché, la propriété pageY retourne l'ordonnée verticale du pointeur de la souris (par rapport au document).

Le document est l'adresse web de la page.

Astuce :Pour obtenir l'abscisse horizontale du pointeur de la souris (par rapport au document), utilisez Propriété pageX.

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

Remarque :Cette propriété n'est pas standardisée, mais elle est applicable à la plupart des navigateurs principaux.

Exemple

Exemple 1

Afficher les coordonnées du pointeur de la souris lorsque le bouton de la souris est cliqué sur l'élément :

var x = event.pageX;     // Obtenir l'abscisse horizontale
var y = event.pageY;     // Obtenir l'ordonnée verticale
var coor = "X coords: " + x + ", Y coords: " + y;

Essayez-le vous-même

Exemple 2

Afficher les coordonnées du pointeur de la souris lorsque le curseur se déplace sur l'élément :

var x = event.pageX;
var y = event.pageY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Essayez-le vous-même

Exemple 3

Montrer la différence entre clientX et clientY ainsi que screenX et screenY :

var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;

Essayez-le vous-même

Syntaxe

event.pageY

Détails techniques

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

Support du navigateur

Propriétés Chrome IE Firefox Safari Opera
pageY Support 12.0 Support Support Support

Pages associées

Référence HTML DOM :Attribut pageX de MouseEvent

Référence HTML DOM :Attribut clientX de MouseEvent

Référence HTML DOM :Attribut clientY de MouseEvent

Référence HTML DOM :Attribut screenX de MouseEvent

Référence HTML DOM :Attribut screenY de MouseEvent