Przykład
Wyjście współrzędne kursora myszy po kliknięciu przycisku myszy na elemencie:
var x = event.pageX; // Get the horizontal coordinate
var
y = event.pageY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
Wynikiem COOR mogą być:
X coords: 162, Y coords: 40
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Nieruchomość pageY zwraca pionowy współrzędnych (zgodnie z dokumentem) z kursorem myszy, gdy zdarzenie zostało wyzwolone.
Dokument jest strona internetowa.
Wskazówka: Aby uzyskać współrzędnych poziomej (zgodnie z dokumentem) z wskaźnikiem myszy, użyj pageX nieruchomości.
Uwaga: Ta właściwość jest tylko do odczytu.
Uwaga: Ta właściwość nie jest standard, ale działa w większości głównych przeglądarek.
Wsparcie przeglądarka
Nieruchomość | |||||
---|---|---|---|---|---|
pageY | tak | 12,0 | tak | tak | tak |
Składnia
event .pageY
Szczegóły techniczne
Zwracana wartość: | Numer, reprezentujący pionowa współrzędna wskaźnika myszy w pikselach |
---|---|
DOM wersja: | Żaden |
Więcej przykładów
Przykład
Wyjście współrzędne kursora myszy podczas gdy wskaźnik myszy przesuwa się nad elementem:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: "
+ x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Spróbuj sam " Przykład
Wykazanie różnic między clientX i clientY i screenX i Screeny:
var pX = event.pageX;
var cX = event.clientX;
var pY =
event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " +
pX + ", Y coords: " + pY;
var coords2 = "client - X: " +
cX + ", Y
coords: " + cY;
Spróbuj sam " Podobne strony
HTML DOM: MouseEvent pageX Property
HTML DOM: MouseEvent clientX Property
HTML DOM: MouseEvent clientY Property
HTML DOM: MouseEvent screenX Property
HTML DOM: MouseEvent screenY Property
<Object Event