Генератор favicon
Артем Мáлков
298 просм
0 комм
Поделиться

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

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

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

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

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

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

<script> 
$(window).on('beforeunload', function(){ 
return "Вы уверены, что хотите покинуть страницу?"; 
}); 
$(document).on("submit", "form", function(event){ 
$(window).off('beforeunload'); 
}); 
</script> 

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

0
комментарий
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Ваше Имя
Ваш E-mail
Текст комментария