MouseEvent clientY-Eigenschaft

DOM-Event MouseEvent

Definition und Verwendung

Wenn ein Mausereignis ausgelöst wird, gibt die clientY-Eigenschaft die vertikale Koordinate des Mauszeigers (basierend auf dem Clientbereich) zurück.

Der Clientbereich ist das aktuelle Fenster.

Hinweis:Um die horizontale Koordinate des Mauszeigers (basierend auf dem Clientbereich) zu erhalten, verwenden Sie clientX-Eigenschaft.

Anmerkung:Diese Eigenschaft ist schreibgeschützt.

Beispiel

Beispiel 1

Geben Sie die Koordinaten des Mauszeigers aus, wenn auf die Maustaste des Elements geklickt wird:

var x = event.clientX;     // Horizontale Koordinate erhalten
var y = event.clientY;     // Vertikale Koordinate erhalten
var coor = "X coords: " + x + ", Y coords: " + y;

Ergebnis:

X coords: 142, Y coords: 99

Selbst ausprobieren

Beispiel 2

Geben Sie die Koordinaten des Mauszeigers aus, wenn dieser über einem Element bewegt wird:

var x = event.clientX;
var y = event.clientY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Selbst ausprobieren

Beispiel 3

Demonstration der Unterschiede zwischen clientX und clientY sowie 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;

Selbst ausprobieren

Syntax

event.clientY

Technische Details

Rückgabewert: Zahlwert, der die vertikale Koordinate des Mauszeigers in Pixelangaben angibt.
DOM-Version: DOM Level 2 Events

Browser-Unterstützung

Eigenschaft Chrome IE Firefox Safari Opera
clientY Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

Verwandte Seiten

HTML DOM Referenzhandbuch:MouseEvent-Attribut clientX

HTML DOM Referenzhandbuch:MouseEvent-Attribut screenX

HTML DOM Referenzhandbuch:MouseEvent-Attribut screenY

HTML DOM Referenzhandbuch:MouseEvent-Attribut offsetX

HTML DOM Referenzhandbuch:MouseEvent-Attribut offsetY

DOM-Event MouseEvent