MouseEvent pageX Property

Exemplu

Ieșire coordonatele cursorului mouse-ului atunci când butonul mouse-ului este dat clic pe un element:

var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;

Rezultatul coor ar putea fi:

X coords: 162, Y coords: 40

Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.

Definiție și utilizare

Proprietatea PaginaX returnează coordonate orizontală (conform documentului) al mouse-ului, atunci când un eveniment al mouse-ului a fost declanșat.

Documentul este pagina web.

Sfat: Pentru a obține coordona verticală (conform documentului) de indicatorul mouse - ului, utilizați PaginaY proprietate.

Notă: Această proprietate este read-only.

Notă: Această proprietate este non-standard, dar funcționează în cele mai importante browsere.

Suport pentru browser-

Proprietate
pageX	da	12,0	da	da	da

Sintaxă

event .pageX

Detalii tehnice

Întoarcere Valoare:	Un număr, reprezentând orizontală de coordonate al mouse-ului, în pixeli
DOM Versiune:	Nici unul

Mai multe exemple

Exemplu

Ieșire coordonatele cursorului mouse-ului în timp ce se deplasează indicatorul mouse-ului peste un element:

var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Încearcă - l singur »

Exemplu

O demonstrație a diferențelor dintre 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;

Încearcă - l singur »