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

View in English Always switch to English

CloseWatcher: requestClose()-Methode

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

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

js
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.

js
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

Browser-Kompatibilität