MouseEvent clientY Property
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;
Wynikiem coor może być:
X coords: 142, Y coords: 99
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość clientY zwraca współrzędną pionową (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ą poziomą (zgodnie z obszarem roboczym) wskaźnika myszy, użyj właściwości clientX .
Uwaga: ta właściwość jest tylko do odczytu.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
clientY | Yes | Yes | Yes | Yes | Yes |
Składnia
event.clientY
Szczegóły techniczne
Wartość zwrotu: | Liczba reprezentująca pionową współrzędną wskaźnika myszy w pikselach |
---|---|
Wersja DOM: | DOM Level 2 Wydarzenia |
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 clientX Property
Odniesienie HTML DOM: Właściwość MouseEvent screenX
Odniesienie HTML DOM: MouseEvent screenY Property
Dokumentacja HTML DOM: MouseEvent offsetX Property
Odniesienie HTML DOM: MouseEvent offsetY Property