Propriété clientY MouseEvent
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.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Le résultat de coor pourrait être :
X coords: 142, Y coords: 99
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété clientY renvoie la coordonnée verticale (selon la zone cliente) du pointeur de la souris lorsqu'un événement souris a été déclenché.
L'espace client est la fenêtre courante.
Astuce : Pour obtenir la coordonnée horizontale (selon la zone client) du pointeur de la souris, utilisez la propriété clientX .
Remarque : Cette propriété est en lecture seule.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
clientY | Yes | Yes | Yes | Yes | Yes |
Syntaxe
event.clientY
Détails techniques
Valeur de retour : | Un nombre, représentant la coordonnée verticale du pointeur de la souris, en pixels |
---|---|
Version DOM : | Événements DOM niveau 2 |
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.clientX;
var y = event.clientY;
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 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;
Pages connexes
Référence HTML DOM : propriété MouseEvent clientX
Référence HTML DOM : propriété MouseEvent screenX
Référence HTML DOM : propriété MouseEvent screenY
Référence HTML DOM : propriété MouseEvent offsetX
Référence HTML DOM : propriété MouseEvent offsetY