WindowControlsOverlayGeometryChangeEvent

实验性：这是一种实验性技术
在生产环境中使用此技术之前，请仔细检查浏览器兼容性表。

WindowControlsOverlayGeometryChangeEvent 接口是窗口控件叠加 API的一部分，当桌面渐进式 Web 应用程序标题栏区域的大小或可见性发生变化时，它将传递给geometrychange。

构造函数

WindowControlsOverlayGeometryChangeEvent() 实验性: 使用给定的参数创建 WindowControlsOverlayGeometryChangeEvent 事件。

实例属性

它还从其父级Event继承属性。.

WindowControlsOverlayGeometryChangeEvent.titlebarAreaRect 只读实验性: 一个DOMRect，表示标题栏区域的位置和大小。
WindowControlsOverlayGeometryChangeEvent.visible 只读实验性: 一个布尔值，指示窗口控件叠加是否可见。

示例

以下示例演示了如何通过在Navigator.windowControlsOverlay 属性上添加事件处理程序来使用 WindowControlsOverlayGeometryChangeEvent 实例，以监听 PWA 标题栏区域的几何变化。

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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅

窗口控件叠加 API。