Det ' ændre størrelse ” hændelse i JavaScript er en indbygget hændelse, der udløses, når brugeren ændrer størrelsen på et browservindue. Denne hændelse kan bruges til at justere layoutet eller adfærden af en webside som svar på den nye vinduesstørrelse. Hændelsen udløses/udløses på vinduesobjektet, der angiver browservinduet.
Dette indlæg vil illustrere begivenheden Window resize i JavaScript.
Hvad er vinduet 'ændre størrelse'-hændelsen i JavaScript?
I JavaScript er ' ændre størrelse ” hændelse udløses, når browservinduets størrelse ændres. Du kan knytte en funktion til hændelsen til at ændre størrelse ved at bruge ' addEventListener() ” metode på vinduesobjektet. Denne hændelse udløses, hver gang browservinduet ændres.
Syntaks
Følgende syntaks bruges til resize-hændelsen for at ændre størrelse på vinduet med 'addEventListener()'-metoden:
window.addEventListener ( 'ændre størrelse' , funcName )
Det anbefales at fjerne begivenhedslytteren for at undgå hukommelseslækager. For at fjerne begivenhedslytteren, brug ' removeEventListener() ” metode:
Eksempel
I det medfølgende eksempel vil længden og bredden af vinduet blive vist på siden, mens størrelsen på vinduet ændres.
Først skal du oprette et spændområde til visning af vinduets længde og bredde:
Vindue 's Bredde:Vindue' s Højde: < span id = 'højde' > span >
Derefter, i