MouseEvent clientX Property

Przykład

Wyjście współrzędne kursora 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 mogą być:

X coords: 142, Y coords: 99

Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.

Definicja i Wykorzystanie

Nieruchomość clientX zwraca współrzędną poziomą (according to the client area) z kursorem myszy, gdy zdarzenie zostało wyzwolone.

Obszar klient jest obecny okno.

Wskazówka: Aby uzyskać współrzędna pionowa (w zależności od obszaru roboczego) z wskaźnikiem myszy, użyj clientY nieruchomości.

Uwaga: Ta właściwość jest tylko do odczytu.

Wsparcie przeglądarka

Nieruchomość
clientX	tak	tak	tak	tak	tak

Składnia

event .clientX

Szczegóły techniczne

Zwracana wartość:	Numer, reprezentujący pozioma współrzędna wskaźnika myszy w pikselach
DOM wersja:	DOM Level 2 Events

Więcej przykładów

Przykład

Wyjście współrzędne kursora myszy podczas 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;

Spróbuj sam "

Przykład

Wykazanie różnic między 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;

Spróbuj sam "