Museevent ScreenX -egenskapen evaluerer musemarkøren (x) horisontalt koordinat ved det utløste punktet. Den returnerer den faktiske avstanden til musemarkøren som tilsvarer skjermen som en heltallverdi i “piksler”. Dessuten er det en skrivebeskyttet eiendom, jeg.e., Brukeren kan bare få den horisontale koordinaten til musen, ikke tilordne den manuelt. Den horisontale koordinaten spiller en viktig rolle i webdesign for justering av forskjellige websider -seksjoner.

Tatt i betraktning dens betydning, vil denne artikkelen gi et dypt innblikk i bruken og funksjonaliteten til “MouseEvent ScreenX”Eiendom i JavaScript.

Hvordan bruke egenskapen “MouseEvent Screenx” i JavaScript?

“MouseEvent ScreenX”Eiendom hjelper brukerne med å få musepekerens horisontale koordinater der denne hendelsen utløses.

Syntaks

I syntaks ovenfor:

• begivenhet: Det representerer enhver hendelse som "OnClick ”,“ Dblclick ”,“ Mouseover", og mange andre.

• ScreenX: Det tilsvarer "MouseEvent ScreenX”Eiendom som vil returnere den horisontale musekoordinaten.

La oss gå videre til den praktiske implementeringen.

Eksempel: Bruke egenskapen "MouseEvent Screenx" i JavaScript

I dette eksemplet kan den diskuterte egenskapen brukes til å beregne musepekerens horisontale koordinater ved å referere til avsnittet.

HTML -kode

La oss oversikt Følgende HTML -kode:

Bruk MouseEvent ScreenX -egenskap

Klikk når som helst i avsnittet for å vise X (horisontale) koordinatene til musepekeren i piksler.

I ovennevnte HTML -kode:

• “

  ”Oppretter den første overskriften.

• “

  ”Representerer det første avsnittet som har et vedlagt”ved trykk" begivenhet. Det omdirigerer til funksjonen som heter “Mouse_xcoord ()”Som returnerer den horisontale koordinaten med hensyn til musepekerstedet i avsnittet.

• Etter det, “

  ”Betegner det andre tomme avsnittet som er tildelt en ID”først”For å vise den beregnede horisontale musekoordinaten.

JavaScript -kode

La oss nå gå videre til JavaScript -koden:

I kodelinjene ovenfor:

• Definere en funksjon som heter “Mouse_xcoord ()”Å ha et argument”begivenhet”.
• I funksjonsdefinisjonen, variabelen “en”Erklæres som bruker“ScreenX”Eiendom.
• “koord”Er en annen variabel som returnerer verdien av“en”
• “dokument.getElementById ()”Metode henter avsnittet via IDen sin og legger de beregnede koordinatene i dette avsnittet.

Produksjon

Utgangen viser "X (horisontalt) koords”Av musepekeren der“ScreenX”Eiendomsutløsere.

Konklusjon

JavaScript gir "MouseEvent ScreenX”Eiendom som returnerer den siste musepekeren”X (horisontalt)”Koordinat der denne hendelsen utløses. Det kan oppnås ved å sveve pekeren horisontalt og de tilsvarende x -koordinatverdiene blir hentet. Dette innlegget forklarte bruken og funksjonaliteten til “MouseEvent ScreenX”Eiendom i JavaScript.