De ' formaat wijzigen ”-gebeurtenis in JavaScript is een ingebouwde gebeurtenis die wordt geactiveerd wanneer de gebruiker de grootte van een browservenster wijzigt. Deze gebeurtenis kan worden gebruikt om de lay-out of het gedrag van een webpagina aan te passen als reactie op de nieuwe venstergrootte. De gebeurtenis wordt geactiveerd/afgevuurd op het vensterobject dat het browservenster aangeeft.
Dit bericht illustreert de gebeurtenis Window resize in JavaScript.
Wat is de Window 'resize'-gebeurtenis in JavaScript?
In JavaScript is de ' formaat wijzigen ”-gebeurtenis wordt geactiveerd wanneer de grootte van het browservenster verandert. U kunt een functie koppelen aan de resize-gebeurtenis met behulp van de ' addEventListener() ' methode op het vensterobject. Deze gebeurtenis wordt geactiveerd wanneer het formaat van het browservenster wordt gewijzigd.
Syntaxis
De volgende syntaxis wordt gebruikt voor de resize-gebeurtenis voor het wijzigen van de grootte van het venster met de methode 'addEventListener()':
venster.addEventListener ( 'formaat wijzigen' , funcNaam )
Het wordt aanbevolen om de gebeurtenislistener te verwijderen om geheugenlekken te voorkomen. Gebruik de ' verwijderEventListener() ” methode:
Voorbeeld
In het gegeven voorbeeld worden de lengte en de breedte van het venster weergegeven op de pagina terwijl het formaat van het venster wordt gewijzigd.
Maak eerst een overspanning om de lengte en breedte van het venster weer te geven:
Raam 's Breedte:Raam' s Hoogte: < span ID kaart = 'hoogte' > span >
Definieer vervolgens in