Właściwość pageY zdarzenia MouseEvent

Zdarzenia DOM MouseEvent

Definicja i użycie

Gdy zdarzenie myszy jest wywoływane, właściwość pageY zwraca wertykalną pozycję kursora myszy (względem dokumentu).

Dokument to strona internetowa.

Wskazówka:Aby uzyskać poziomą pozycję kursora myszy (względem dokumentu), użyj Właściwość pageX.

Komentarz:Ta właściwość jest jedynie odczytowa.

Komentarz:Ta właściwość nie jest standardowa, ale jest obsługiwana przez większość głównych przeglądarek.

Przykład

Przykład 1

Wypisuj współrzędne kursora myszy, gdy klikniesz na element:

var x = event.pageX;     // Pobierz poziomą współrzędną
var y = event.pageY;     // Pobierz wertykalną współrzędną
var coor = "X coords: " + x + ", Y coords: " + y;

Spróbuj sam

Przykład 2

Wypisuj współrzędne kursora myszy, gdy kursor myszy porusza 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 3

Pokazuj różnice między clientX i clientY oraz 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

Gramatyka

event.pageY

Szczegóły techniczne

Zwracana wartość: Wartość liczbowa, która reprezentuje wertykalną pozycję kursora myszy w pikselach.
Wersja DOM: Brak.

Obsługa przeglądarek

Atrybuty Chrome IE Firefox Safari Opera
pageY Wsparcie 12.0 Wsparcie Wsparcie Wsparcie

Strony związane

Przeglądarka HTML DOM:Atrybut pageX MouseEvent

Przeglądarka HTML DOM:Atrybut clientX MouseEvent

Przeglądarka HTML DOM:Atrybut clientY MouseEvent

Przeglądarka HTML DOM:Atrybut screenX MouseEvent

Przeglądarka HTML DOM:Atrybut screenY MouseEvent

Zdarzenia DOM MouseEvent