Skip to content

Событие close

Каждый хук закрытия модального окна принимает один параметр event-close. Этот объект предоставляет информацию о закрытие модального окна. На данный момент он имеет следующие свойства:

  • background (boolean) Устанавливается в значение true, если модальное окно закрывается щелчком по фону.
  • esc (boolean) Устанавливается в значение true, если процесс модального закрытия начался с Escape
ts
{
    beforeModalClose(e) {
        // e.background
        // e.esc
    }
}

Отлавливание закрытия через Escape

В этом примере показано, как отменить закрытие модального окна при нажатии Escape:

ts
const modal = await openModal(SomeComponent);
modal.onclose = (event) => {
    if (event.esc) return false;
    // ...
}

Отлавливание закрытия через нажатие на фон

В этом примере показано, как отменить закрытие модального окна при нажатии на фон (затемненную часть экрана):

ts
const modal = await openModal(SomeComponent);
modal.onclose = (event) => {
    if (event.background) return false;
    // ...
}