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

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

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

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

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

<script> 

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

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

	});

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

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

	});

</script>

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