MouseEvent clientY- Eigenschaft
Beispiel
Koordinaten des Mauszeigers ausgeben, wenn mit der Maustaste auf ein Element geklickt wird:
var x = event.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Das Ergebnis von coor könnte sein:
X coords: 142, Y coords: 99
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die clientY-Eigenschaft gibt die vertikale Koordinate (entsprechend dem Clientbereich) des Mauszeigers zurück, wenn ein Mausereignis ausgelöst wurde.
Der Clientbereich ist das aktuelle Fenster.
Tipp: Um die horizontale Koordinate (entsprechend dem Client-Bereich) des Mauszeigers zu erhalten, verwenden Sie die clientX- Eigenschaft.
Hinweis: Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
clientY | Yes | Yes | Yes | Yes | Yes |
Syntax
event.clientY
Technische Details
Rückgabewert: | Eine Zahl, die die vertikale Koordinate des Mauszeigers in Pixel darstellt |
---|---|
DOM-Version: | DOM-Level-2-Ereignisse |
Mehr Beispiele
Beispiel
Koordinaten des Mauszeigers ausgeben, während der Mauszeiger über ein Element fährt:
var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
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;
Verwandte Seiten
HTML-DOM-Referenz: MouseEvent clientX-Eigenschaft
HTML-DOM-Referenz: MouseEvent screenX-Eigenschaft
HTML-DOM-Referenz: MouseEvent screenY-Eigenschaft
HTML-DOM-Referenz: MouseEvent offsetX-Eigenschaft
HTML-DOM-Referenz: MouseEvent offsetY-Eigenschaft