CloseWatcher: событие cancel

Ограниченное использование

Эта функция не является Baseline, поскольку она не работает во всех широко используемых браузерах.

Экспериментально: Это экспериментальная технология .
Перед использованием в продукте внимательно изучите таблицу совместимости браузеров .

Событие cancel срабатывает на объекте CloseWatcher перед событием close, чтобы, при необходимости, предотвратить срабатывание события close. Оно срабатывает при всех сигналах закрытия (например, нажатие клавиши Esc), а также при CloseWatcher.requestClose().

Синтаксис

Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика событий.

addEventListener("cancel", (event) => { })

oncancel = (event) => { }

Тип события

Объект Event.

Примеры

Использование события `cancel`

В этом примере мы просим пользователя подтвердить, что он действительно хочет закрыть компонент, и если он этого не сделает, мы отменяем событие с помощью Event.preventDefault(), что предотвращает срабатывание события close.

watcher.addEventListener("cancel", (e) => {
  if (e.cancelable && hasUnsavedData) {
    const userReallyWantsToClose = confirm("Are you sure you want to close?");
    if (!userReallyWantsToClose) {
      e.preventDefault();
    }
  }
};

// Trigger a close request manually
watcher.requestClose();

Спецификации

Спецификация
HTML # handler-closewatcher-oncancel

Совместимость браузеров

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`cancel_event`	126	126	132	112	Нет	126	Нет	83	Нет	Нет	126