CloseWatcher: метод requestClose()
Ограниченная доступность
Эта функция не относится к Baseline, так как она не работает в некоторых из наиболее широко используемых браузеров.
Экспериментальная функция: Это экспериментальная технология.
Тщательно проверьте таблицу совместимости с браузерами перед использованием в продакшене.
Метод requestClose() интерфейса CloseWatcher вызывает событие cancel и, если это событие не отменено с помощью Event.preventDefault(), вызывает событие close, а затем деактивирует наблюдатель закрытия, как если бы был вызван метод destroy().
Синтаксис
requestClose()
Параметры
Нет.
Возвращаемое значение
None (undefined).
Примеры
Использование метода requestClose()
В этом примере у вас есть собственный пользовательский интерфейс (выпадающий список), и вы хотите поддерживать как стандартный метод закрытия платформы (например, клавишу Esc), так и свой пользовательский метод закрытия (кнопка закрытия).
Обработчик onclick вашего UI-компонента может вызвать requestClose для запроса закрытия и перенаправления запроса закрытия через тот же обработчик onclose, который используется методом закрытия платформы.
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();
Спецификации
| Спецификация |
|---|
| HTML # dom-closewatcher-requestclose |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
requestClose |
126 | 126 | 132 | 112 | Нет | 126 | Нет | 83 | Нет | Нет | 126 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CloseWatcher/requestClose