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 |
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