« endre størrelse ”-hendelse i JavaScript er en innebygd hendelse som utløses når brukeren endrer størrelsen på et nettleservindu. Denne hendelsen kan brukes til å justere oppsettet eller oppførselen til en nettside som svar på den nye vindusstørrelsen. Hendelsen utløses/utløses på vindusobjektet som angir nettleservinduet.
Dette innlegget vil illustrere Window Resize-hendelsen i JavaScript.
Hva er vinduet «endre størrelse»-hendelsen i JavaScript?
I JavaScript er ' endre størrelse ”-hendelsen utløses når størrelsen på nettleservinduet endres. Du kan knytte en funksjon til hendelsen for endring av størrelse ved å bruke ' addEventListener() ”-metoden på vindusobjektet. Denne hendelsen utløses hver gang nettleservinduet endres.
Syntaks
Følgende syntaks brukes for resize-hendelsen for å endre størrelse på vinduet med 'addEventListener()'-metoden:
window.addEventListener ( 'endre størrelse' , funksjonsnavn )
Det anbefales å fjerne hendelseslytteren for å unngå minnelekkasjer. For å fjerne hendelseslytteren, bruk ' removeEventListener() ' metode:
Eksempel
I det angitte eksemplet vil lengden og bredden på vinduet vises på siden mens du endrer størrelsen på vinduet.
Lag først et spennområde for å vise lengden og bredden på vinduet:
Vindu 's Width:Vindu' s Høyde: < span id = 'høyde' > span >
Deretter, i