WindowControlsOverlay: событие geometrychange

Событие geometrychange срабатывает при изменении положения, размера или видимости области заголовка приложения Progressive Web App.

Это относится только к приложениям Progressive Web App, установленным на настольных операционных системах, и использующих API Window Controls Overlay.

Используйте имя события в методах, таких как addEventListener(), или задайте обработчик события.

addEventListener("geometrychange", (event) => {});

ongeometrychange = (event) => {};

Объект WindowControlsOverlayGeometryChangeEvent. Наследуется от Event.

В дополнение к свойствам, перечисленным ниже, доступны свойства из родительского интерфейса Event.

titlebarAreaRect

Объект DOMRect, представляющий положение и размер области заголовка в содержимом приложения.

visible

Логическое значение, указывающее, отображается ли наложение управления окном или нет.

Использование 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}`,
  );
});

Использование свойства обработчика события ongeometrychange:

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}`,
  );
};