MouseEvent clientX Property

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 returnează clientX de coordonate orizontală (according to the client area) în (according to the client area) de (according to the client area) de cursorul mouse - ului atunci când un eveniment de mouse - ul a fost declanșat.

Zona client este fereastra curentă.

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

Notă: Această proprietate este read-only.

Suport pentru browser-

Proprietate
clientX	da	da	da	da	da

Sintaxă

event .clientX

Detalii tehnice

Întoarcere Valoare:	Un număr, reprezentând orizontală 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 »