Proprietà clientY MouseEvent
Esempio
Emetti le coordinate del puntatore del mouse quando si fa clic con il pulsante del mouse su 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
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà clientY restituisce la coordinata verticale (in base all'area client) del puntatore del mouse quando è stato attivato un evento del mouse.
L'area clienti è la finestra corrente.
Suggerimento: per ottenere la coordinata orizzontale (in base all'area client) del puntatore del mouse, utilizzare la proprietà clientX .
Nota: questa proprietà è di sola lettura.
Supporto browser
Property | |||||
---|---|---|---|---|---|
clientY | Yes | Yes | Yes | Yes | Yes |
Sintassi
event.clientY
Dettagli tecnici
Valore di ritorno: | Un Numero, che rappresenta la coordinata verticale del puntatore del mouse, in pixel |
---|---|
Versione DOM: | Eventi DOM di livello 2 |
Altri esempi
Esempio
Emetti le coordinate del puntatore del mouse mentre il puntatore del mouse si sposta su un elemento:
var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
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;
Pagine correlate
Riferimento HTML DOM: Proprietà MouseEvent clientX
Riferimento HTML DOM: Proprietà MouseEvent screenX
Riferimento HTML DOM: Proprietà MouseEvent screenY
Riferimento HTML DOM: proprietà MouseEvent offsetX
Riferimento HTML DOM: proprietà offsetY MouseEvent