Настройка диалогового окна ONBEFOREUBLoad
-
26-09-2019 - |
Вопрос
У меня есть рабочее событие Onbeforeunload, которое всплывает диалоговое окно, предупреждающее пользователя о несохраненных изменениях в форме, когда они переходят.
window.onbeforeunload = function() {
return 'You have unsaved changes.';
};
Как я могу настроить диалоговое окно, которое отображается, так что это немного удобнее для пользователя. Прямо сейчас это довольно громоздко:
«Вы уверены, что хотите перейти с этой страницы?
У вас есть несохраненные изменения.
Нажмите OK, чтобы продолжить или отменить, чтобы остаться на текущей странице. "
Я замечаю, что переполнение стека имеет тот, который намного чище: «Вы начали писать или редактировать сообщение», и кнопки говорят «Оставайтесь на этой странице», «Оставьте эту страницу» вместо общего «отмены» и «ОК» Отказ Как я могу это сделать?
Я использую jQuery, если это необходимо для решения.
Решение
Браузеры не позволяют вам настроить этот флажок вообще. Единственная причина, по которой она будет выглядеть по-другому, так что вы использовали другой браузер при доступе. Google Chrome использует кнопки с надписью «Пребывание на этой странице» и «Оставьте эту страницу». На основе примера текста, который вы разместили, похоже, вы тестировали onbeforeunload
Обработчик с использованием Internet Explorer.