Właściwość clientX zdarzenia MouseEvent

Wydarzenia DOM MouseEvent

Definicja i użycie

Gdy zdarzenie myszy jest wywoływane, właściwość clientX zwraca poziomy wskaźnik kursora myszy (według obszaru klienta).

Obszar klienta to bieżące okno.

Wskazówka:Aby uzyskać pionowy wskaźnik kursora myszy (według obszaru klienta), użyj Atrybut clientY.

Komentarz:Ta właściwość jest jedynie do odczytu.

Przykład

Przykład 1

Wypisz współrzędne kursora myszy, gdy klikniesz na przycisk myszy na elemencie:

var x = event.clientX;     // Pobierz współrzędne poziome
var y = event.clientY;     // Pobierz współrzędne pionowe
var coor = "Współrzędne X: " + x + ", współrzędne Y: " + y;

Spróbuj sam

Przykład 2

Wypisz współrzędne kursora myszy, gdy kursor myszy porusza się nad elementem:

var x = event.clientX;
var y = event.clientY; 
var coor = "Współrzędne X: " + x + ", współrzędne Y: " + y;
document.getElementById("demo").innerHTML = coor;

Spróbuj sam

Przykład 3

Pokaz różnic między clientX, clientY oraz screenX, screenY:

var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "klient - X: " + cX + ", współrzędne Y: " + cY;
var coords2 = "ekran - X: " + sX + ", współrzędne Y: " + sY;

Spróbuj sam

Gramatyka

event.clientX

Szczegółowe informacje techniczne

Zwracana wartość: Liczbowa wartość, oznaczająca poziomowy wskaźnik kursora myszy, wyrażony w pikselach.
Wersja DOM: Poziom 2 Events DOM

Obsługa przeglądarek

Atrybuty Chrome IE Firefox Safari Opera
clientX Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Strony związane

Przeglądarka HTML DOM:Atrybut clientY MouseEvent

Przeglądarka HTML DOM:Atrybut screenX MouseEvent

Przeglądarka HTML DOM:Atrybut screenY MouseEvent

Przeglądarka HTML DOM:Atrybut offsetX MouseEvent

Przeglądarka HTML DOM:Atrybut offsetY MouseEvent

Wydarzenia DOM MouseEvent