Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Web-APIs
  3. WindowControlsOverlayGeometryChangeEvent

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

WindowControlsOverlayGeometryChangeEvent

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell:Dies ist eineexperimentelle Technologie
Überprüfen Sie dieBrowser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

DasWindowControlsOverlayGeometryChangeEvent Interface derWindow Controls Overlay API wird angeometrychange übergeben, wenn sich die Größe oder Sichtbarkeit des Titelleistenbereichs einer Desktop-Progress-Web-App ändert.

Event WindowControlsOverlayGeometryChangeEvent

Konstruktor

WindowControlsOverlayGeometryChangeEvent()Experimentell

Erstellt einWindowControlsOverlayGeometryChangeEvent Ereignis mit den angegebenen Parametern.

Instanzeigenschaften

Erbt auch Eigenschaften von seinem ElternteilEvent.

WindowControlsOverlayGeometryChangeEvent.titlebarAreaRectSchreibgeschütztExperimentell

EinDOMRect, das die Position und Größe des Titelleistenbereichs darstellt.

WindowControlsOverlayGeometryChangeEvent.visibleSchreibgeschütztExperimentell

EinBoolean, das angibt, ob das Fenstersteuerungsoverlay sichtbar ist oder nicht.

Beispiele

Das folgende Beispiel zeigt, wie eine Instanz vonWindowControlsOverlayGeometryChangeEvent verwendet wird, indem ein Ereignishandler zurNavigator.windowControlsOverlay Eigenschaft hinzugefügt wird, um Geometrieänderungen des Titelleistenbereichs einer PWA zu überwachen.

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

Spezifikationen

Specification
Window Controls Overlay
# windowcontrolsoverlay-interface

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2025 Movatter.jp