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.
addEventListener("close", (event) => { })
onclose = (event) => { }
Ereignistyp
Ein Event
.
Beispiele
Verwendung des close
-Events
Verwenden Sie close
, um auf Schließanforderungen zu lauschen.
watcher.addEventListener("close", () => {
// Close your UI component
sidebar.hide();
});
Spezifikationen
Specification |
---|
HTML # handler-closewatcher-onclose |