VisualViewport: resize-Ereignis
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit August 2021 browserübergreifend verfügbar.
Das resize-Ereignis der VisualViewport-Schnittstelle wird ausgelöst, wenn sich die Größe des visuellen Viewports ändert. So können Sie Elemente relativ zum visuellen Viewport positionieren, während dieser gezoomt wird. Andernfalls wären die Elemente normalerweise am Layout-Viewport ausgerichtet.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
js
addEventListener("resize", (event) => { })
Alternativ können Sie der Event-Handler-Eigenschaft der Schnittstelle eine Funktion zuweisen:
js
onresize = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Ein Anwendungsbeispiel finden Sie auf der Seite zu VisualViewport.
Spezifikationen
| Spezifikation |
|---|
| CSSOM View Module # eventdef-window-resize |