Najnowsze tutoriale tworzenie stron internetowych
 

MouseEvent pageY Property

<Object Event

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

Przykłady

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