Как заменить дефолтное диалоговое окно события onbeforeunload на свое?

Question

[Nikolko]

Как заменить дефолтное диалоговое окно события onbeforeunload на свое? Или как оставить поведение на событие onbeforeunload без дефолтного диалогового окна? Можно ли это вообще реализовать?

Comments

[Дмитрий Ларин]

В гугле забанили?
Доки

[Nikolko]

Дмитрий Ларин, Где ты видишь там конкретный ответ на мой вопрос?

[Nikolko]

Дмитрий Ларин, Возможно я не конкретизировал то что я хочу, надеясь на то что тут все умные люди и так поймут. Мне это нужно для того, чтобы при выходе с текущей страницы пользователю должно быть предоставлено кастомное модальное окно которое блочит его выход пока он не выберит предложенные ему действия.

Answer 1

[Антон Спирин]

Вы не можете из соображений безопасности. Была возможность задавать свой текст сообщения в стандартном диалоговом окне, но в большинстве браузеров эту возможность давно выпилили, так как ее в основном использовали для мошенничества и с целью ввода пользователей в заблуждение.

Совместимость с браузерами. Смотрим строку Custom text support removed.

Comments

[Nikolko]

Хмммм...
Очень странно.
Тоесть все что я могу делать это менять сообщение в попапе и то нужно смотреть совместимость браузеров с этим действием?

[Дмитрий Ларин]

Nikolko, бинго!

[Антон Спирин]

Nikolko, вы пока еще можете менять текст сообщения в Edge и IE, но, по-хорошему, делать этого не надо.

[Nikolko]

Антон Спирин, Я вас понял. Обидно...хотелось сделать свой попап который бы говорил поситителю что его действия могут быть не сохранены, в случае если он случайно рефрешает или выходит из страницы, на основе onbeforeunload события.

[Антон Спирин]

Nikolko, для осуществления вашей задумки достаточно строки:
window.onbeforeunload = () => true;
При попытке покинуть страницу появится стандартный диалог со стандартным сообщением.

[Nikolko]

Антон Спирин, я это понимаю, спасибо. но если, а можно как-то сделать свое окно оповещение, кастомное?

[Антон Спирин]

Nikolko, сами подумайте, если из-за мошенничества даже текст заменить нельзя. В контексте вашей задачи(оповестить пользователя) в этом нет абсолютно никакого смысла, так как стандартное окно оповещения о несохраненных результатах является лучшим решением с точки зрения UX.

[Nikolko]

Антон Спирин, я понял вас, спасибо за разжевывания)