En hendelsesegenskap kalt “sidey”Viser Y-aksen koordinater når brukeren flytter musen. Denne egenskapen gjør det mulig å finne plasseringen av markøren for å implementere interaktive funksjoner som rullegardinmenyer eller verktøytips osv. Denne egenskapen kan være nyttig i en rekke applikasjoner, for eksempel å lage tilpassede musesporingseffekter eller implementere drag-and-drop-funksjonalitet.

Denne guiden demonstrerer hvordan du bruker MouseEvent Pagey -eiendommen.

Hvordan bruke MouseEvent Pagey -eiendom?

“sidey”Eiendom brukes til å vise Y-aksekoordinatene på skjermen i forhold til musemarkørbevegelsen. Det måles i piksler fra toppkanten av utsiktshjulet. Følg trinnene nedenfor for en bedre forklaring:

Trinn 1: Opprettelse av struktur

Inne i foreldrene “”Element, lag flere“

”Og“

”Tagger der koordinatene vises ved å tilordne“id”Til hvert HTML -element:

Eksempel på musen Event Sidey Property

Velkommen til Linuxhint:

X Koordinater:

Y Koordinater:

Til slutt, velg "My-element”ID og bruk noen CSS -egenskaper på den for en bedre visualiseringsprosess.

Trinn 2: Legge til Pagey -eiendommer

Inne i "”Tag, legg til følgende egenskaper. Disse egenskapene må legges til på slutten av siden, ellers fungerer ikke koden ordentlig:

En forklaring av ovennevnte kodebit er angitt nedenfor:

• Først lagres HTML -elementet i variabelen ved å få tilgang til element -ID -ene.
• Deretter blir funksjonen kalt på "Mousemove”Hendelseslytter.
• Etter det ble variabelen som heter “sidey”Og“sidex" er skapt. Deretter brukes disse variablene med "begivenhet.sidey”Og“begivenhet.sidexHenholdsvis egenskaper. Disse verdiene får koordinatene til henholdsvis y- og x-aksen.
• Til slutt vises disse variablene på nettsiden ved å få tilgang til "id "av" spennet”Elementer.

Etter å ha utført kodebiten ovenfor, ser utdataene slik ut:

Ovennevnte utdata viser at koordinatene vises på websiden i forhold til bevegelsen av markøren.

Konklusjon

“sidey”Eiendom får koordinaten til markøren på musebevegelsen over det valgte inneholdende elementet. For å få det til å fungere, bruk "Mousemove”Hendelseslytter som kaller funksjonen når musen beveger seg over det valgte DIV -elementet. Og inni den bruker "begivenhet.sidey”Eiendom for å få koordinatene til y-aksen. Denne guiden demonstrerte hvordan du bruker MouseEvent Pagey -eiendommen.