Atrybut screenX zdarzenia MouseEvent

Zdarzenia DOM MouseEvent

Definicja i użycie

Atrybut screenX zwraca poziomą współrzędną kursora myszy w momencie wywołania zdarzenia (względem ekranu komputera użytkownika).

Wskazówka:Aby uzyskać wertykalną współrzędną kursora myszy (względem ekranu komputera użytkownika), użyj screenY Atrybuty.

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

Przykład

Przykład 1

Pobieranie współrzędnych kursora myszy względem ekranu przy kliknięciu przycisku myszy na elemencie:

var x = event.screenX;     // Pobierz poziomą współrzędną
var y = event.screenY;     // Pobierz wertykalną współrzędną
var coor = "X coords: " + x + ", Y coords: " + y;

Spróbuj sam

Przykład 2

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 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

Spróbuj sam

Gramatyka

event.screenX

Szczegółowe informacje techniczne

Zwracana wartość: Liczbowa wartość, która reprezentuje poziom poziomy kursora myszy, wyrażona w pikselach.
Wersja DOM: Poziom 2 Wydarzenia DOM

Obsługa przeglądarek

Atrybuty Chrome IE Firefox Safari Opera
screenX Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Strony związane

Przeglądarka HTML DOM referencja:Atrybut screenY MouseEvent

Przeglądarka HTML DOM referencja:Atrybut clientX MouseEvent

Przeglądarka HTML DOM referencja:Atrybut clientY MouseEvent

Przeglądarka HTML DOM referencja:Atrybut offsetX MouseEvent

Przeglądarka HTML DOM referencja:Atrybut offsetY MouseEvent

Zdarzenia DOM MouseEvent