WindowControlsOverlayGeometryChangeEvent

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

WindowControlsOverlayGeometryChangeEvent 介面是 Window Controls Overlay API 的一部分,當桌面 PWA 的標題欄區域的大小或可見性發生變化時,它會被傳遞給 geometrychange 事件。

Event WindowControlsOverlayGeometryChangeEvent

建構函式

WindowControlsOverlayGeometryChangeEvent() 實驗性

使用給定的引數建立一個 WindowControlsOverlayGeometryChangeEvent 事件。

例項屬性

也繼承自其父級 Event 的屬性.

WindowControlsOverlayGeometryChangeEvent.titlebarAreaRect 只讀 實驗性

一個 DOMRect 物件,表示標題欄區域的位置和大小。

WindowControlsOverlayGeometryChangeEvent.visible 只讀 實驗性

一個 布林值,指示視窗控制元件覆蓋層是否可見。

示例

下面的示例展示瞭如何透過在 Navigator.windowControlsOverlay 屬性上新增事件處理程式來使用 WindowControlsOverlayGeometryChangeEvent 例項,以監聽 PWA 標題欄區域的幾何形狀變化。

js
if ("windowControlsOverlay" in navigator) {
  navigator.windowControlsOverlay.addEventListener(
    "geometrychange",
    (event) => {
      if (event.visible) {
        const rect = event.titlebarAreaRect;
        // Do something with the coordinates of the title bar area.
      }
    },
  );
}

規範

規範
視窗控制元件覆蓋
# windowcontrolsoverlay-interface

瀏覽器相容性

另見