MouseEvent screenX - Eigenschaft

DOM-Event MouseEvent

Definition und Verwendung

Die screenX - Eigenschaft gibt die horizontale Koordinate des Mauszeigers in Pixelangaben an, die relativ zum Bildschirm des Benutzers sind.

Hinweis:Verwenden Sie screenY Eigenschaft

Anmerkung:Diese Eigenschaft ist schreibgeschützt.

Beispiel

Beispiel 1

Erhalten Sie die Koordinaten des Mauszeigers relativ zum Bildschirm, wenn Sie auf ein Element klicken:

var x = event.screenX;     // Horizontale Koordinate abrufen
var y = event.screenY;     // Vertikale Koordinate abrufen
var coor = "X - Koordinaten: " + x + ", Y - Koordinaten: " + y;

Versuchen Sie es selbst

Beispiel 2

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 - Koordinaten: " + cY;
var coords2 = "screen - X: " + sX + ", Y - Koordinaten: " + sY;

Versuchen Sie es selbst

Syntax

event.screenX

Technische Details

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

Browserkompatibilität

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

Verwandte Seiten

HTML DOM Referenzhandbuch:MouseEvent screenY-Eigenschaft

HTML DOM Referenzhandbuch:MouseEvent clientX-Eigenschaft

HTML DOM Referenzhandbuch:MouseEvent clientY-Eigenschaft

HTML DOM Referenzhandbuch:MouseEvent offsetX-Eigenschaft

HTML DOM Referenzhandbuch:MouseEvent offsetY-Eigenschaft

DOM-Event MouseEvent