JavaScript -Fenster der Größe der Größe des Ereignisses

Der "GrößenänderungEreignis in JavaScript ist ein integriertes 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 Antwort auf die neue Fenstergröße anzupassen. Das Ereignis wird auf das Fensterobjekt ausgelöst/ausgelöst, das das Browserfenster bezeichnet.

Dieser Beitrag veranschaulicht das Ereignis der Fensterresize in JavaScript.

Was ist das Fenster "Größe" Größe "in JavaScript" Größe "?

In JavaScript die “GrößenänderungEreignis wird abgefeuert, wenn sich die Größe der Browserfenster ändert. Sie können eine Funktion dem Ereignis der Größe mit dem “anschließenAddEventListener ()Methode im Fensterobjekt. Dieses Ereignis wird immer dann ausgelöst, wenn das Browserfenster geändert wird.

Syntax

Die folgende Syntax wird für die Größe der Größe zur Größe des Fensters mit der Methode „AddEventListener ()“ verwendet:

Fenster.addEventListener ('Größe', Funcname)

Es wird empfohlen, den Ereignishörer zu entfernen, um Speicherlecks zu vermeiden. Verwenden Sie den Ereignishörer, um den Ereignishörer zu entfernenREMENDEVENTLISTENER ()" Methode:

Fenster.REMEDEVENTLISTENER ('Größenanpassung', Funktionsname);

Beispiel

In dem angegebenen Beispiel werden die Länge und die Breite des Fensters auf der Seite angezeigt, während die Größe des Fensters geworfen wird.

Erstellen Sie zunächst einen Spannweite, um die Länge und Breite des Fensters anzuzeigen:

Fensterbreite:

Fensterhöhe: id = "Höhe">

Definieren Sie dann in Tag eine Funktion “windowResize ()Wo die Referenz der Länge und der Breite Elemente erhalten, um die Werte zu drucken:

Funktionsfordresize ()
dokumentieren.GetElementById ('Höhe').InnerText = Dokument.Dokumentelement.ClientHeight;
dokumentieren.GetElementById ('Breite').InnerText = Dokument.Dokumentelement.Kundenbreite;

Ruf den "Größenänderung”Ereignis in“AddEventListener ()Methode und fügen Sie die definierte Funktion mit dem Ereignis an:

Fenster.addEventListener ('Größe', windowResize);

Ruf den "windowResize ()" zum ersten Mal:

windowResize ();

Die Ausgabe zeigt an, dass der Wert kontinuierlich geändert wird, während die Fenstergröße geändert wird:

Das dreht sich alles um das Ereignis der Fensterreside in JavaScript.

Abschluss

Der "GrößenänderungEreignis in JavaScript wird ausgelöst, wenn die Größe eines Fensters oder eines Elements geändert wird. Es kann Änderungen an der Größe des Browserfensters oder eines bestimmten Elements erkennen. Das Ereignis kann mit der “zu einem Fenster oder Element hinzugefügt werdenAddEventListener ()"Methode und Angabe"Größenänderung”Als Eventtyp. In diesem Beitrag veranschaulichen wir das Ereignis der Fenster -Größenänderung in JavaScript in JavaScript.