CloseWatcher: requestClose()-Methode
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Die requestClose()-Methode der CloseWatcher-Schnittstelle löst ein cancel-Ereignis aus und, wenn dieses Ereignis nicht mit Event.preventDefault() abgebrochen wird, fährt es fort, ein close-Ereignis auszulösen und deaktiviert schließlich den Close Watcher, als ob destroy() aufgerufen worden wäre.
Syntax
requestClose()
Parameter
Keine.
Rückgabewert
Keine (undefined).
Beispiele
Verwendung der requestClose()-Methode
In diesem Beispiel haben Sie Ihre eigene UI-Komponente (einen Picker) und möchten sowohl die Standard-Schließmethode der Plattform (z. B. die Esc-Taste) als auch Ihre benutzerdefinierte Schließmethode (eine Schaltfläche zum Schließen) unterstützen.
Der onclick-Handler Ihrer UI-Komponente kann requestClose aufrufen, um ein Schließen anzufordern und Ihre Schließanforderung über denselben onclose-Handler zu leiten, den die Plattform-Schließmethode verwendet.
const watcher = new CloseWatcher();
const picker = setUpAndShowPickerDOMElement();
let chosenValue = null;
watcher.onclose = () => {
chosenValue = picker.querySelector("input").value;
picker.remove();
};
picker.querySelector(".close-button").onclick = () => {
watcher.requestClose();
};
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-closewatcher-requestclose |