Der ' Größe ändern ”-Ereignis in JavaScript ist ein eingebautes Ereignis, das ausgelöst wird, wenn der Benutzer die Größe eines Browserfensters ändert. Dieses Ereignis kann verwendet werden, um das Layout oder Verhalten einer Webseite als Reaktion auf die neue Fenstergröße anzupassen. Das Ereignis wird auf dem Fensterobjekt ausgelöst/gefeuert, das das Browserfenster bezeichnet.
Dieser Beitrag veranschaulicht das Window-resize-Ereignis in JavaScript.
Was ist das Window „resize“ Event in JavaScript?
In JavaScript ist das „ Größe ändern “-Ereignis wird ausgelöst, wenn sich die Größe des Browserfensters ändert. Sie können eine Funktion an das Größenänderungsereignis anhängen, indem Sie das „ addEventListener() ”-Methode für das Fensterobjekt. Dieses Ereignis wird ausgelöst, wenn die Größe des Browserfensters geändert wird.
Syntax
Für das Resize-Event zur Größenänderung des Fensters mit der Methode „addEventListener()“ wird folgende Syntax verwendet:
window.addEventListener ( 'Größe ändern' , Funktionsname )
Es wird empfohlen, den Ereignis-Listener zu entfernen, um Speicherverluste zu vermeiden. Verwenden Sie zum Entfernen des Ereignis-Listeners das „ removeEventListener() ' Methode:
Beispiel
Im bereitgestellten Beispiel werden die Länge und die Breite des Fensters auf der Seite angezeigt, während die Größe des Fensters geändert wird.
Erstellen Sie zunächst einen Spannbereich, um die Länge und Breite des Fensters anzuzeigen:
Fenster Breite von :Fenster' s Höhe: < Spanne Ausweis = 'Höhe' > Spanne >
Definieren Sie dann im Tag