Beispiel
Erhalten Koordinaten des Mauszeigers, bezogen auf den Bildschirm, wenn die Maustaste auf einem Element angeklickt wird:
var x = event.screenX; // Get the horizontal coordinate
var
y = event.screenY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
Das Ergebnis der Koor könnte sein:
X coords: 142, Y coords: 99 Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die screenX Eigenschaft gibt die horizontale Koordinate (according to the users computer screen) - (according to the users computer screen) - (according to the users computer screen) des Mauszeigers , wenn ein Ereignis ausgelöst wurde.
Tipp: Um die vertikale Koordinate (entsprechend dem Bildschirm) des Mauszeigers, verwenden Sie die bekommen screenY Eigenschaft.
Hinweis: Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| screenX | Ja | Ja | Ja | Ja | Ja |
Syntax
event .screenX
Technische Details
| Rückgabewert: | Eine Zahl ist, die die horizontale des Mauszeigers Koordinate, in Pixeln |
|---|---|
| DOM Version: | DOM Level 2 Veranstaltungen |
Mehr Beispiele
Beispiel
Eine Demonstration der Unterschiede zwischen clientX und clientY und screenX und 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;
Versuch es selber " Verwandte Seiten
HTML - DOM - Referenz: MouseEvent screenY Property
HTML - DOM - Referenz: MouseEvent clientX Property
HTML - DOM - Referenz: MouseEvent clientY Property
<Ereignisobjekt