Exemple
Obtenez les coordonnées du pointeur de la souris, par rapport à l'écran, lorsque le bouton de la souris est cliqué sur un élément:
var x = event.screenX; // Get the horizontal coordinate
var
y = event.screenY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
Pourrait être le résultat de coor:
X coords: 142, Y coords: 99
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La propriété screenY retourne la coordonnée verticale (according to the users computer screen) l' (according to the users computer screen) du pointeur de la souris quand un événement a été déclenché.
Astuce: Pour obtenir la coordonnée horizontale (according to the screen) du pointeur de la souris, utilisez la screenX propriété.
Note: Cette propriété est en lecture seule.
Support du navigateur
Propriété | |||||
---|---|---|---|---|---|
screenY | Oui | Oui | Oui | Oui | Oui |
Syntaxe
event .screenY
Détails techniques
Valeur de retour: | Un nombre, représentant la coordonnée verticale du pointeur de la souris, en pixels |
---|---|
DOM Version: | DOM niveau 2 Events |
autres exemples
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;
Essayez vous - même » Pages associées
Référence HTML DOM: MouseEvent screenX Property
Référence HTML DOM: MouseEvent clientX Property
Référence HTML DOM: MouseEvent clientY Property
<Object Event