WindowControlsOverlay: geometrychange-Ereignis
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Das geometrychange-Ereignis wird ausgelöst, wenn sich die Position, Größe oder Sichtbarkeit des Titelleistenbereichs einer Progressive Web App ändert.
Dies gilt nur für Progressive Web Apps, die auf Desktop-Betriebssystemen installiert sind und die Window Controls Overlay API verwenden.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("geometrychange", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
ongeometrychange = (event) => { }
Ereignistyp
Ein WindowControlsOverlayGeometryChangeEvent. Erbt von Event.
Beispiele
Verwendung von addEventListener():
navigator.windowControlsOverlay.addEventListener("geometrychange", (event) => {
const { x, y, width, height } = event.titlebarAreaRect;
console.log(
`The titlebar area coordinates are x:${x}, y:${y}, width:${width}, height:${height}`,
);
});
Verwendung der Event-Handler-Eigenschaft ongeometrychange (beachten Sie jedoch, dass dadurch gegebenenfalls andere über ongeometrychange hinzugefügte Ereignis-Listener ersetzt werden):
navigator.windowControlsOverlay.ongeometrychange = (event) => {
const { x, y, width, height } = event.titlebarAreaRect;
console.log(
`The titlebar area coordinates are x:${x}, y:${y}, width:${width}, height:${height}`,
);
};
Spezifikationen
| Spezifikation |
|---|
| Window Controls Overlay # the-ongeometrychange-attribute |