Właściwość clientY zdarzenia MouseEvent

Zdarzenia DOM MouseEvent

Definicja i użycie

Gdy zdarzenie myszy jest wywoływane, właściwość clientY zwraca wertykalną pozycję kursora myszy (wg obszaru klienta).

Obszar klienta to bieżące okno.

Wskazówka:Aby uzyskać poziomą pozycję kursora myszy (wg obszaru klienta), użyj Właściwość clientX.

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

Przykład

Przykład 1

Wypisuj współrzędne kursora myszy, gdy przycisk myszy jest kliknięty na elemencie:

var x = wydarzenie.clientX;     // Pobierz poziomą współrzędną
var y = wydarzenie.clientY;     // Pobierz wertykalną współrzędną
var coor = "Współrzędne X: " + x + ", współrzędne Y: " + y;

Wynik:

Współrzędne X: 142, współrzędne Y: 99

Spróbuj sam

Przykład 2

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

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

Spróbuj sam

Przykład 3

Pokazuj różnice między clientX, clientY oraz screenX, screenY:

var cX = wydarzenie.clientX;
var sX = wydarzenie.screenX;
var cY = wydarzenie.clientY;
var sY = wydarzenie.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

wydarzenie.clientY

Szczegóły techniczne

Zwracana wartość: Wartość liczbowa, oznaczająca wertykalną pozycję kursora myszy, wyrażoną w pikselach.
Wersja DOM: Poziom 2 Wydarzenia DOM

Obsługa przeglądarek

Atrybuty Chrome IE Firefox Safari Opera
clientY Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Strony związane

Przeglądarka HTML DOM Referencja:Atrybut clientX MouseEvent

Przeglądarka HTML DOM Referencja:Atrybut screenX MouseEvent

Przeglądarka HTML DOM Referencja:Atrybut screenY MouseEvent

Przeglądarka HTML DOM Referencja:Atrybut offsetX MouseEvent

Przeglądarka HTML DOM Referencja:Atrybut offsetY MouseEvent

Zdarzenia DOM MouseEvent