Ultimele tutoriale de dezvoltare web
 

MouseEvent screenX Property

<Eveniment obiect

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

Exemple

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