Ultimele tutoriale de dezvoltare web
 

MouseEvent clientY Property

<Eveniment obiect

Exemplu

Ieșire coordonatele cursorului mouse-ului atunci când butonul mouse-ului este dat clic pe un element:

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

Rezultatul coor ar putea fi:

X coords: 142, Y coords: 99
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

Proprietatea clientY returnează coordonate verticală (according to the client area) în (according to the client area) de (according to the client area) al mouse - ului , atunci când un eveniment al mouse - ului a fost declanșat.

Zona client este fereastra curentă.

Sfat: Pentru a obține coordonarea orizontală ( în funcție de zona de client) de indicatorul mouse - ului, utilizați clientX proprietate.

Notă: Această proprietate este read-only.


Suport pentru browser-

Proprietate
clientY da da da da da

Sintaxă

event .clientY

Detalii tehnice

Întoarcere Valoare: Un număr, reprezentând verticală de coordonate al mouse-ului, în pixeli
DOM Versiune: DOM Level 2 Evenimente

Exemple

Mai multe exemple

Exemplu

Ieșire coordonatele cursorului mouse-ului în timp ce se deplasează indicatorul mouse-ului peste un element:

var x = event.clientX;
var y = event.clientY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Încearcă - l singur »

Exemplu

O demonstrație a diferențelor dintre clientX și clientY și screenX și 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;
Încearcă - l singur »

Pagini similare

HTML DOM referință: MouseEvent clientX Property

HTML DOM referință: MouseEvent screenX Property

HTML DOM referință: MouseEvent screenY Property


<Eveniment obiect