JavaScript -vinduet Endre størrelse på arrangementet

“Endre størrelse”Arrangement i JavaScript er en innebygd hendelse utløst når brukeren endrer størrelsen på et nettleservindu. Denne hendelsen kan brukes til å justere utformingen eller oppførselen til en webside som svar på den nye vindusstørrelsen. Arrangementet utløses/avfyres på vindusobjektet som betegner nettleservinduet.

Dette innlegget vil illustrere Window Endre -hendelsen i JavaScript.

Hva er vinduet "Endre størrelse" -arrangement i JavaScript?

I JavaScript, "Endre størrelse”Arrangementet blir avfyrt når nettleserens vindusstørrelse endres. Du kan knytte en funksjon til Endringshendelsen ved å bruke “AddEventListener ()”Metode på vindusobjektet. Denne hendelsen vil utløse når nettleservinduet er endret størrelse.

Syntaks

Følgende syntaks brukes til Endre størrelse for å endre størrelsen på vinduet med metoden “AddEventListener ()”:

vindu.AddEventListener ('Størrelse', funcname)

Det anbefales å fjerne hendelseslytteren for å unngå hukommelsessekkelser. For å fjerne arrangementets lytter, bruk "RemoveEventListener ()”Metode:

vindu.RemoveEventListener ('Endre størrelse', funcname);

Eksempel

I det angitte eksemplet vises lengden og bredden på vinduet på siden mens du endrer størrelse på vinduet.

Lag først et spennområde for å vise lengden og bredden på vinduet:

Vinduets bredde:

Vinduets høyde: ID = "Høyde">

Deretter, i TAG, definerer du en funksjon "WindowResize ()”Hvor får referansen til lengden og breddeelementene for å skrive ut verdiene:

funksjon WindowResize ()
dokument.getElementById ('høyde').InnRext = Dokument.dokumentelement.klienthøyde;
dokument.getElementById ('bredde').InnRext = Dokument.dokumentelement.klientbredde;

Ring "Endre størrelse”Arrangement i“AddEventListener ()”Metode og fest den definerte funksjonen med hendelsen:

vindu.AddEventListener ('Størrelse', WindowResize);

Ring "WindowResize ()" for første gang:

WindowResize ();

Utgangen indikerer at verdien kontinuerlig endres mens du endrer vindusstørrelse:

Det handler om vinduet Endre størrelse i JavaScript.

Konklusjon

“Endre størrelse”Arrangement i JavaScript utløses når størrelsen på et vindu eller et element endres. Det kan oppdage endringer i nettleservinduets størrelse eller et spesifikt element. Arrangementet kan legges til et vindu eller et element ved hjelp av “AddEventListener ()”Metode og spesifisere“Endre størrelse”Som arrangementstype. I dette innlegget illustrerte vi Window Endre -hendelsen i JavaScript.