MouseEvent screenX Property

Esempio

Prendi coordinate del puntatore del mouse, rispetto allo schermo, quando il pulsante del mouse viene premuto su un elemento:

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

Il risultato di coor potrebbe essere:

X coords: 142, Y coords: 99

Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

La proprietà screenX restituisce la coordinata orizzontale (according to the users computer screen) del puntatore del mouse quando un evento è stato attivato.

Suggerimento: per ottenere la coordinata verticale (a seconda della schermata) del puntatore del mouse, utilizzare la screenY proprietà.

Nota: questa proprietà è di sola lettura.

Supporto browser

Proprietà
screenX	sì	sì	sì	sì	sì

Sintassi

event .screenX

Dettagli tecnici

Valore di ritorno:	Un numero che rappresenta la coordinata orizzontale del puntatore del mouse, in pixel
DOM Versione:	Livello DOM 2 Eventi

Altri esempi

Esempio

Una dimostrazione delle differenze tra clientX e clientY e screenX e 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;

Prova tu stesso "