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ă screenY de coordonate verticală (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 coordonarea orizontală (according to the screen) în (according to the screen) de indicatorul mouse - ului, utilizați screenX proprietate.
Notă: Această proprietate este read-only.
Suport pentru browser-
Proprietate | |||||
---|---|---|---|---|---|
screenY | da | da | da | da | da |
Sintaxă
event .screenY
Detalii tehnice
Întoarcere Valoare: | Un număr, reprezentând verticală 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 screenX Property
HTML DOM referință: MouseEvent clientX Property
HTML DOM referință: MouseEvent clientY Property
<Eveniment obiect