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 Titelbereichs 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 Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.
addEventListener("geometrychange", (event) => { })
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 ongeometrychange Ereignishandler-Eigenschaft:
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 |