Nieruchomość wydarzenia o nazwie „Pagey”Pokazuje współrzędne osi Y, gdy użytkownik porusza mysią. Ta właściwość umożliwia znalezienie lokalizacji kursora w celu wdrożenia interaktywnych funkcji, takich jak menu rozwijane lub podpowiedzi itp. Ta właściwość może być przydatna w różnych aplikacjach, takich jak tworzenie niestandardowych efektów śledzenia myszy lub wdrażanie funkcji przeciągania i upuszczania.

Ten przewodnik pokazuje, jak korzystać z właściwości pagey Mouseevent.

Jak korzystać z właściwości pagey Mouseevent?

„„Pagey„Właściwość jest wykorzystywana do wyświetlania współrzędnych osi Y na ekranie w stosunku do ruchu kursora myszy. Jest mierzony w pikselach od górnej krawędzi rzutni. Wykonaj poniższe kroki, aby uzyskać lepsze wyjaśnienie:

Krok 1: Tworzenie struktury

Wewnątrz rodzica „„Element, utwórz wiele”

" I "

”Tagi, w których współrzędne są wyświetlane przez przypisanie„ID„Do każdego elementu HTML:

Przykład właściwej strony zdarzenia myszy

Witamy w Linuxhint:

X Współrzędne:

Y Współrzędne:

W końcu wybierz „mój element”Identyfikator i zastosuj do niego niektóre właściwości CSS, aby uzyskać lepszy proces wizualizacji.

Krok 2: Dodanie właściwości Pagey

W środku "”Tag, dodaj następujące właściwości. Właściwości te muszą być dodawane na końcu strony, w przeciwnym razie kod nie działa poprawnie:

Wyjaśnienie powyższego fragmentu kodu podano poniżej:

• Po pierwsze, element HTML jest przechowywany w zmiennej, uzyskując dostęp do identyfikatorów elementu.
• Następnie funkcja jest wywoływana w „Mousemove„Słuchacz wydarzenia.
• Następnie zmienna nazwana „Pagey" I "pagex" jest tworzone. Następnie te zmienne są wykorzystywane z „wydarzenie.Pagey" I "wydarzenie.pagex”Odpowiednio właściwości. Wartości te otrzymują współrzędne odpowiednio osi Y i X.
• Ostatecznie zmienne te są wyświetlane na stronie internetowej, uzyskując dostęp do „id ”z„ rozpiętości" elementy.

Po wykonaniu powyższego fragmentu kodu wyjście wygląda tak:

Powyższe wyjście wyświetla się, że współrzędne są wyświetlane na stronie internetowej względem ruchu kursora.

Wniosek

„„Pagey„Własność otrzymuje współrzędną kursora na ruch myszy przez wybrany element zawierający. Aby to działało, użyj „Mousemove„Dyskusator zdarzeń, który wywołuje funkcję, gdy mysz przesuwa się nad wybranym elementem DIV. A w środku wykorzystuje „wydarzenie.Pagey„Własność, aby uzyskać współrzędne osi Y. W tym przewodniku pokazano, jak korzystać z właściwości pagey Mouseevent.