MouseEvent clientY Property

Esempio

Output le coordinate del puntatore del mouse quando il pulsante del mouse viene cliccato un elemento:

var x = event.clientX; // Get the horizontal coordinate
var y = event.clientY; // 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à clientY restituisce la coordinata verticale (according to the client area) del puntatore del mouse quando un evento del mouse è stato attivato.

L'area client è la finestra corrente.

Suggerimento: per ottenere la coordinata orizzontale (a seconda della zona del cliente) del puntatore del mouse, utilizzare la clientX proprietà.

Nota: questa proprietà è di sola lettura.

Supporto browser

Proprietà
clientY	sì	sì	sì	sì	sì

Sintassi

event .clientY

Dettagli tecnici

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

Altri esempi

Esempio

Output le coordinate del puntatore del mouse mentre il puntatore del mouse viene spostato su un elemento:

var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Prova tu stesso "

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 "