CloseWatcher: requestClose() Methode
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die requestClose()-Methode des CloseWatcher-Interfaces löst ein cancel-Ereignis aus. Wenn dieses Ereignis nicht mit Event.preventDefault() abgebrochen wird, wird ein close-Ereignis ausgelöst, und schließlich wird der Close Watcher deaktiviert, als ob destroy() aufgerufen wurde.
Syntax
requestClose()
Parameter
Keine.
Rückgabewert
Keine (undefined).
Beispiele
Verwendung der requestClose()-Methode
In diesem Beispiel haben Sie eine eigene UI-Komponente (einen Picker) und möchten sowohl die standardmäßige Schließmethode der Plattform (z.B. die Esc-Taste) als auch Ihre eigene Schließmethode (einen Schließen-Button) unterstützen.
Der onclick-Handler Ihrer UI-Komponente kann requestClose aufrufen, um eine Schließung anzufordern und Ihre Schließanforderung über denselben onclose-Handler zu leiten, den die Schließmethode der Plattform 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
| Specification |
|---|
| HTML # dom-closewatcher-requestclose |