Udalosť zmeny veľkosti okna JavaScript

Udalost Zmeny Velkosti Okna Javascript



' zmeniť veľkosť ” udalosť v JavaScripte je vstavaná udalosť, ktorá sa spustí, keď používateľ zmení veľkosť okna prehliadača. Túto udalosť možno použiť na úpravu rozloženia alebo správania webovej stránky v závislosti od novej veľkosti okna. Udalosť sa spustí/vyvolá na objekte okna, ktorý označuje okno prehliadača.

Tento príspevok bude ilustrovať udalosť zmeny veľkosti okna v JavaScripte.







Čo je udalosť zmeny veľkosti okna v JavaScripte?

V JavaScripte je „ zmeniť veľkosť ” udalosť sa spustí, keď sa zmení veľkosť okna prehliadača. K udalosti zmeny veľkosti môžete pripojiť funkciu pomocou „ addEventListener() ” na objekte okna. Táto udalosť sa spustí vždy, keď sa zmení veľkosť okna prehliadača.



Syntax



Nasledujúca syntax sa používa pre udalosť resize na zmenu veľkosti okna pomocou metódy „addEventListener()“:





window.addEventListener ( 'zmeniť veľkosť' , názov funkcie )


Odporúča sa odstrániť prijímač udalostí, aby ste predišli úniku pamäte. Na odstránenie poslucháča udalosti použite „ removeEventListener() “ metóda:

window.removeEventListener ( 'zmeniť veľkosť' , názov funkcie ) ;


Príklad



V uvedenom príklade sa dĺžka a šírka okna zobrazí na stránke pri zmene veľkosti okna.

Najprv vytvorte oblasť rozpätia na zobrazenie dĺžky a šírky okna:

okno Šírka používateľa:

okno'
s Výška: < rozpätie id = 'výška' > rozpätie >


Potom v tagu