Attributo screenX dell'evento MouseEvent

Eventi DOM MouseEvent

Definizione e uso

L'attributo screenX restituisce la coordinata orizzontale del puntatore del mouse (rispetto allo schermo del computer dell'utente) al momento della generazione dell'evento.

Suggerimento:Per ottenere la coordinata verticale del puntatore del mouse (rispetto allo schermo del computer dell'utente), utilizzare screenY Proprietà.

Nota:Questa proprietà è sola lettura.

Esempio

Esempio 1

Ottenere le coordinate del puntatore del mouse rispetto allo schermo quando si clicca su un elemento:

var x = event.screenX;     // Ottenere la coordinata orizzontale
var y = event.screenY;     // Ottenere la coordinata verticale
var coor = "X coords: " + x + ", Y coords: " + y;

Prova personalmente

Esempio 2

Esempio di differenza 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 personalmente

Sintassi

event.screenX

Dettagli tecnici

Valore di ritorno: Valore numerico che rappresenta la coordinata orizzontale del puntatore del mouse, espressa in pixel.
Versione DOM: DOM Level 2 Events

Supporto del browser

Proprietà Chrome IE Firefox Safari Opera
screenX Supporto Supporto Supporto Supporto Supporto

Pagine correlate

Manuale di riferimento HTML DOM:Proprietà screenY dell'oggetto MouseEvent

Manuale di riferimento HTML DOM:Proprietà clientX dell'oggetto MouseEvent

Manuale di riferimento HTML DOM:Proprietà clientY dell'oggetto MouseEvent

Manuale di riferimento HTML DOM:Proprietà offsetX dell'oggetto MouseEvent

Manuale di riferimento HTML DOM:Proprietà offsetY dell'oggetto MouseEvent

Eventi DOM MouseEvent