MouseEvent pageX- Eigenschaft
Beispiel
Koordinaten des Mauszeigers ausgeben, wenn mit der Maustaste auf ein Element geklickt wird:
var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Eigenschaft pageX gibt die horizontale Koordinate (gemäß Dokument) des Mauszeigers zurück, wenn ein Mausereignis ausgelöst wurde.
Das Dokument ist die Webseite.
Tipp: Um die vertikale Koordinate (je nach Dokument) des Mauszeigers zu erhalten, verwenden Sie die Eigenschaft pageY .
Hinweis: Diese Eigenschaft ist schreibgeschützt.
Hinweis: Diese Eigenschaft ist nicht standardmäßig, funktioniert aber in den meisten gängigen Browsern.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
pageX | Yes | 12.0 | Yes | Yes | Yes |
Syntax
event.pageX
Technische Details
Rückgabewert: | Eine Zahl, die die horizontale Koordinate des Mauszeigers in Pixel darstellt |
---|---|
DOM-Version: | Keiner |
Mehr Beispiele
Beispiel
Koordinaten des Mauszeigers ausgeben, während der Mauszeiger über ein Element fährt:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Beispiel
Eine Demonstration der Unterschiede zwischen pageX und pageY und screenX und screenY:
var pX = event.screenX;
var cX = event.pageX;
var pY = event.screenY;
var cY = event.pageY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "screen - X: " + cX + ", Y coords: " + cY;
Verwandte Seiten
HTML-DOM-Referenz: Eigenschaft MouseEvent pageY
HTML-DOM-Referenz: MouseEvent clientX-Eigenschaft
HTML-DOM-Referenz: MouseEvent clientY-Eigenschaft
HTML-DOM-Referenz: MouseEvent screenX-Eigenschaft
HTML-DOM-Referenz: MouseEvent screenY-Eigenschaft