Proprietà clientY dell'oggetto MouseEvent

Eventi DOM MouseEvent

Definizione e uso

Quando un evento mouse viene attivato, l'attributo clientY restituisce l'ascissa del puntatore del mouse (secondo l'area client).

L'area client è la finestra corrente.

Suggerimento:Per ottenere l'ascissa del puntatore del mouse (secondo l'area client), utilizzare Proprietà clientX.

Note:Questa proprietà è sola lettura.

Esempio

Esempio 1

Outputta le coordinate del puntatore del mouse quando si clicca sul pulsante del mouse sull'elemento:

var x = event.clientX;     // Ottieni la coordinata orizzontale
var y = event.clientY;     // Ottieni la coordinata verticale
var coor = "X coords: " + x + ", Y coords: " + y;

Risultato:

X coords: 142, Y coords: 99

Prova a fare tu stesso

Esempio 2

Outputta le coordinate del puntatore del mouse quando si muove sopra l'elemento:

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

Prova a fare tu stesso

Esempio 3

Mostra la differenza tra clientX e clientY e tra 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 a fare tu stesso

Sintassi

event.clientY

Dettagli tecnici

Valore di ritorno: Valore numerico, che rappresenta l'ascissa del puntatore del mouse, misurato in pixel.
Versione DOM: DOM Level 2 Events

Supporto del browser

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

Pagine correlate

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

Manuale di riferimento HTML DOM DOM:Proprietà screenX dell'evento MouseEvent

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

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

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

Eventi DOM MouseEvent