MouseEvent pageY Property
Exemple
Afficher les coordonnées du pointeur de la souris lorsque le bouton de la souris est cliqué sur un élément :
var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété pageY renvoie la coordonnée verticale (selon le document) du pointeur de la souris lorsqu'un événement souris a été déclenché.
Le document est la page Web.
Astuce : Pour obtenir la coordonnée horizontale (selon le document) du pointeur de la souris, utilisez la propriété pageX .
Remarque : Cette propriété est en lecture seule.
Remarque : Cette propriété n'est pas standard, mais fonctionne dans la plupart des principaux navigateurs.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
pageY | Yes | 12.0 | Yes | Yes | Yes |
Syntaxe
event.pageY
Détails techniques
Valeur de retour : | Un nombre, représentant la coordonnée verticale du pointeur de la souris, en pixels |
---|---|
Version DOM : | Rien |
Plus d'exemples
Exemple
Afficher les coordonnées du pointeur de la souris pendant que le pointeur de la souris se déplace sur un élément :
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Exemple
Une démonstration des différences entre clientX et clientY et 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;
Pages connexes
Référence HTML DOM : propriété MouseEvent pageX
Référence HTML DOM : propriété MouseEvent clientX
Référence HTML DOM : propriété MouseEvent clientY
Référence HTML DOM : propriété MouseEvent screenX
Référence HTML DOM : propriété MouseEvent screenY