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;
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;
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;
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