Exemplu
Obțineți coordonatele cursorului mouse-ului, în raport cu ecran, atunci când butonul mouse-ului se face clic pe un element:
var x = event.screenX; // Get the horizontal coordinate
var
y = event.screenY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
Rezultatul coor ar putea fi:
X coords: 142, Y coords: 99
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea returnează screenX de coordonate orizontală (according to the users computer screen) în (according to the users computer screen) de cursorul mouse - ului atunci când un eveniment a fost declanșat.
Sfat: Pentru a obține coordona verticală ( în funcție de ecran) de indicatorul mouse - ului, utilizați screenY proprietate.
Notă: Această proprietate este read-only.
Suport pentru browser-
Proprietate | |||||
---|---|---|---|---|---|
screenX | da | da | da | da | da |
Sintaxă
event .screenX
Detalii tehnice
Întoarcere Valoare: | Un număr, reprezentând orizontală de coordonate al mouse-ului, în pixeli |
---|---|
DOM Versiune: | DOM Level 2 Evenimente |
Mai multe exemple
Exemplu
O demonstrație a diferențelor dintre clientX și clientY și screenX și screenY:
var cX = event.clientX;
var sX = event.screenX;
var cY =
event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " +
cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y
coords: " + sY;
Încearcă - l singur » Pagini similare
HTML DOM referință: MouseEvent screenY Property
HTML DOM referință: MouseEvent clientX Property
HTML DOM referință: MouseEvent clientY Property
<Eveniment obiect