CloseWatcher: close-Event

Limited availability

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

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Ein close-Event wird auf einem CloseWatcher-Objekt ausgelöst, wenn eine Anforderung zum Schließen empfangen wurde und nur dann ausgelöst, wenn das dem close-Event vorausgehende cancel-Event nicht abgebrochen wurde.

Der close-Event-Handler ist der Ort, an dem der Code zum Schließen der UI-Komponente aufgerufen werden sollte: Dies stellt sicher, dass die Komponente ordnungsgemäß geschlossen wird, entweder durch das plattform-spezifische Schließsignal oder durch einen Aufruf von CloseWatcher.requestClose().

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignis-Handler-Eigenschaft.

js
addEventListener("close", (event) => { })

onclose = (event) => { }

Ereignistyp

Ein Event.

Beispiele

Verwendung des close-Events

Verwenden Sie close, um auf Schließanforderungen zu lauschen.

js
watcher.addEventListener("close", () => {
  // Close your UI component
  sidebar.hide();
});

Spezifikationen

Specification
HTML
# handler-closewatcher-onclose

Browser-Kompatibilität