Właściwość pageX zdarzenia MouseEvent

Zdarzenia DOM MouseEvent

Definicja i użycie

Gdy zdarzenie myszy jest wywoływane, właściwość pageX zwraca poziomą współrzędną kursora myszy (względem dokumentu).

Dokument to strona internetowa.

Wskazówka:Aby uzyskać pionową współrzędną kursora myszy (względem dokumentu), użyj Właściwość pageY.

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

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

Przykład

Przykład 1

Wypisz współrzędne kursora myszy w momencie kliknięcia przycisku myszy na elemencie:

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

Spróbuj sam

Przykład 2

Wypisz współrzędne kursora myszy w momencie przemieszczania się po elemencie:

var x = event.pageX;
var y = event.pageY; 
var coor = "Współrzędne X: " + x + ", współrzędne Y: " + y;
document.getElementById("demo").innerHTML = coor;

Spróbuj sam

Przykład 3

Przykład różnic między pageX i pageY oraz screenX i screenY:

var pX = event.screenX;
var cX = event.pageX;
var pY = event.screenY;
var cY = event.pageY;
var coords1 = "strona - X: " + pX + ", współrzędne Y: " + pY;
var coords2 = "ekran - X: " + cX + ", współrzędne Y: " + cY;

Spróbuj sam

Gramatyka

event.pageX

Szczegóły techniczne

Zwracana wartość: Liczba, oznaczająca poziomą współrzędną kursora myszy w pixelach.
Wersja DOM: Brak.

Obsługa przeglądarek

Atrybut Chrome IE Firefox Safari Opera
pageX Wsparcie 12.0 Wsparcie Wsparcie Wsparcie

Strony związane

Przeglądarka HTML DOM:Właściwość pageY MouseEvent

Przeglądarka HTML DOM:Właściwość clientX MouseEvent

Przeglądarka HTML DOM:Właściwość clientY MouseEvent

Przeglądarka HTML DOM:Właściwość screenX MouseEvent

Przeglądarka HTML DOM:Właściwość screenY MouseEvent

Zdarzenia DOM MouseEvent