Артём Мáлков

Окно с предупреждением при закрытии или обновлении страницы на jQuery

6 апр0 комм

Возможно, на вашем сайте есть такой раздел, где пользователь вводит какие-то данные. Например, добавляет новость на ваш сайт. Он долго писал и оформлял текст, как вдруг случайно обновил страницу или вовсе ее закрыл. И все, что было им наработано, попросту исчезло. Не думаю, что у него будет большое желание проделать вновь всю работу.

Что делать и как быть в таком случае? Один из вариантов решения проблемы – это специальное уведомление, которое требует подтверждения со стороны пользователя, действительно ли он хочет покинуть страницу.

Окно с предупреждением при закрытии или обновлении страницы на jQuery

Вещь довольно полезная в арсенале разработчика, и я покажу, как это реализовать.

В код вашего сайта, перед закрывающим тегом вам необходимо вставить следующий скрипт:

<script> 

	$(window).on("beforeunload", function() {

		return "Вы уверены, что хотите покинуть страницу?";

	});

	$(document).on("submit", "form", function(event) {

		$(window).off("beforeunload");

	});

</script>

Теперь при закрытии страницы вашего сайта или ее обновлении будет выскакивать соответствующее предупреждение.

Рекомендуем к просмотру
Выделение содержимого div по клику на него + копирование на jQuery
Модули и скрипты
Скрываем div в случае, если он пустой на JavaScript/jQuery/CSS
Статьи и советы
Отправка комментариев по Ctrl + Enter для DLE
Модули и скрипты
0
комментариев
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
Подняться наверх
«Pandoge» - помощник вебмастера