Właściwość klienta X MouseEvent
Przykład
Podaj współrzędne wskaźnika myszy po kliknięciu przycisku myszy na elemencie:
var x = event.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość clientX zwraca współrzędną poziomą (zgodnie z obszarem klienta) wskaźnika myszy, gdy zostało wyzwolone zdarzenie myszy.
Obszar roboczy to bieżące okno.
Wskazówka: Aby uzyskać współrzędną pionową (zgodnie z obszarem roboczym) wskaźnika myszy, użyj właściwości clientY .
Uwaga: ta właściwość jest tylko do odczytu.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
clientX | Yes | Yes | Yes | Yes | Yes |
Składnia
event.clientX
Szczegóły techniczne
Wartość zwrotu: | Liczba reprezentująca poziomą współrzędną wskaźnika myszy w pikselach |
---|---|
Wersja DOM: | Zdarzenia DOM Level 2 |
Więcej przykładów
Przykład
Podaj współrzędne wskaźnika myszy, gdy wskaźnik myszy przesuwa się nad elementem:
var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Przykład
Demonstracja różnic między clientX i clientY oraz 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;
Powiązane strony
Odniesienie HTML DOM: MouseEvent clientY Property
Odniesienie HTML DOM: Właściwość MouseEvent screenX
Odniesienie HTML DOM: MouseEvent screenY Property
Dokumentacja HTML DOM: MouseEvent offsetX Property
Dokumentacja HTML DOM: MouseEvent offsetY Property