Właściwość MouseEvent ScreenX ocenia współrzędną kursora myszy (x). Zwraca rzeczywistą odległość kursora myszy odpowiadającej ekranowi jako wartość liczb całkowita w „piksele". Ponadto jest to właściwość tylko do odczytu, ja.mi., Użytkownik może uzyskać tylko współrzędną poziomą myszy, a nie przypisywać jej ręcznie. Współrzędna pozioma odgrywa ważną rolę w projektowaniu stron internetowych w celu wyrównania różnych sekcji stron internetowych.

Biorąc pod uwagę jego znaczenie, ten artykuł zapewni głęboki wgląd w użycie i funkcjonalność „Mouseevent Screenx„Własność w JavaScript.

Jak używać właściwości „Mouseevent Screenx” w JavaScript?

„„Mouseevent Screenx„Nieruchomość pomaga użytkownikom w uzyskaniu poziomych współrzędnych wskaźników myszy.

Składnia

W powyższej składni:

• wydarzenie: Reprezentuje każde zdarzenie, takie jak „onClick ”,„ DBLCLICK ”,„ MOUSEOVER", i wiele innych.

• Screenx: Odpowiada „„Mouseevent Screenx„Własność, która zwróci poziomy współrzędne myszy.

Przejdźmy do jego praktycznej wdrożenia.

Przykład: Zastosowanie właściwości „Mouseevent Screenx” w JavaScript

W tym przykładzie omówioną właściwość można wykorzystać do obliczenia poziomych współrzędnych wskaźnika myszy, odnosząc się do akapitu.

Kod HTML

Przeglądmy następujący kod HTML:

Użyj właściwości MouseEvent Screenx

Kliknij w dowolnym punkcie akapitu, aby wyświetlić współrzędne X (poziome) wskaźnika myszy w pikselach.

W powyższym kodzie HTML:

• „„

  „Tworzy pierwszy nagłówek.

• „„

  ”Reprezentuje pierwszy akapit z załączonym„na kliknięcie" wydarzenie. Przekierowuje się do funkcji o nazwie „MOUSE_XCOORD ()”, Który zwraca współrzędną poziomą w odniesieniu do lokalizacji wskaźnika myszy w akapicie.

• Potem „„

  „Oznacza drugi pusty akapit przypisany identyfikator”Pierwszy”Aby wyświetlić obliczoną współrzędną poziomego wskaźnika myszy.

Kod JavaScript

Teraz przejdźmy do kodu JavaScript:

W powyższych wierszach kodu:

• Zdefiniuj funkcję o nazwie „MOUSE_XCOORD ()" kłócąc się "wydarzenie".
• W definicji funkcji zmienna „A”Jest deklarowane, że wykorzystuje„Screenx" nieruchomość.
• „„współrzędne”To kolejna zmienna, która zwraca wartość„A"
• „„dokument.getElementById ()„Metoda pobiera akapit za pomocą jego identyfikatora i dołącza obliczone współrzędne w niniejszym akapicie.

Wyjście

Wyjście wyświetla „X (horyzontal) koordynuje”Wskaźnika myszy, w którym„Screenx„Wyzwalacze nieruchomości.

Wniosek

JavaScript zapewnia „Mouseevent Screenx„Własność, która zwraca najnowszy wskaźnik myszy”X (poziome)”Koordynuj tam, gdzie to wydarzenie jest uruchamiane. Można go osiągnąć poprzez unoszenie wskaźnika w poziomie, a odpowiednie wartości współrzędnych X. Ten post wyjaśnił użycie i funkcjonalność „Mouseevent Screenx„Własność w JavaScript.