Událost změny velikosti okna JavaScript

Udalost Zmeny Velikosti Okna Javascript



' změnit velikost ” událost v JavaScriptu je vestavěná událost spouštěná, když uživatel změní velikost okna prohlížeče. Tuto událost lze použít k úpravě rozvržení nebo chování webové stránky v reakci na novou velikost okna. Událost se spustí/vyvolá na objektu okna, který označuje okno prohlížeče.

Tento příspěvek bude ilustrovat událost změny velikosti okna v JavaScriptu.







Co je událost změny velikosti okna v JavaScriptu?

V JavaScriptu „ změnit velikost ” událost se spustí, když se změní velikost okna prohlížeče. K události změny velikosti můžete připojit funkci pomocí „ addEventListener() ” metoda na objektu okna. Tato událost se spustí při každé změně velikosti okna prohlížeče.



Syntax



Pro událost resize pro změnu velikosti okna pomocí metody „addEventListener()“ se používá následující syntaxe:





window.addEventListener ( 'změnit velikost' , název funkce )


Doporučuje se odebrat posluchač událostí, abyste předešli únikům paměti. Chcete-li odebrat posluchač události, použijte „ removeEventListener() “ metoda:

window.removeEventListener ( 'změnit velikost' , název funkce ) ;


Příklad



V uvedeném příkladu se délka a šířka okna zobrazí na stránce při změně velikosti okna.

Nejprve vytvořte oblast rozpětí pro zobrazení délky a šířky okna:

Okno Šířka uživatele:

Okno'
s Výška: < rozpětí id = 'výška' > rozpětí >


Poté v tagu