Wie kann ich ohne jQuery auf Ereignisse zur Größenänderung des Browserfensters warten?

Browserfenster-Größenänderungsereignis:Abhören ohne jQuery

Um sich in ein Browserfenster-Größenänderungsereignis einzubinden, ohne jQuery zu verwenden, gibt es zwei Hauptmethoden:

Methode 1: Ein Ereignis hinzufügen Listener

Die bevorzugte Methode besteht darin, dem Größenänderungsereignis einen Ereignis-Listener hinzuzufügen. Dadurch wird sichergestellt, dass der Listener immer dann aufgerufen wird, wenn die Größe des Fensters geändert wird.

window.addEventListener('resize', function(event) {
    // Code to execute when the window is resized
}, true);

Der Parameter true in der Funktion addEventListener gibt an, dass der Listener in der Erfassungsphase des Ereignisses aufgerufen werden soll.

Methode 2: Weisen Sie der onresize-Eigenschaft einen Handler zu

Ein alternativer Ansatz ist die Zuweisung eine Handlerfunktion für die onresize-Eigenschaft des Fensterobjekts. Diese Methode kann jedoch nur einen Handler für das Größenänderungsereignis haben.

window.onresize = function(event) {
    // Code to execute when the window is resized
};

Überlegungen

• jQuery bietet möglicherweise zusätzliche Funktionen, um eine konsistente Auslösung des zu gewährleisten Größenänderungsereignis in allen Browsern.
• Es wird empfohlen, die Funktionalität in mehreren Browsern wie Firefox, Safari und Internet Explorer zu testen, um sicherzustellen, dass sie ordnungsgemäß funktioniert Verhalten.

Das obige ist der detaillierte Inhalt vonWie kann ich ohne jQuery auf Ereignisse zur Größenänderung des Browserfensters warten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!