перемещать оповещение без сохранения изменений

Question

Я занимаюсь разработкой сайта на php.

Я хочу показать сообщение, похожее на предупреждение javascript, когда пользователь пытается отредактировать или добавить что-то в форму и перейти к другому разделу без сохранения изменений, я хочу показать им сообщение,

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

как я могу это сделать ??

У кого-нибудь есть идея? Пожалуйста, поделитесь ею со мной ..

Спасибо

Answer 1

Используйте событие перед загрузкой . Псевдо-код:

window.onbeforeunload = function(e){
   e = e || window.event;
   // check if the user has edited sth
   if(userHasEditedSomething()){
      var msg = "You have unsaved changed. Do you want to navigate away from this page?";
      e.returnValue = msg;
      return msg;
   }
}

Ваша задача - реализовать функцию userHasEditedSomething, которая будет возвращать true, если у пользователя есть несохраненные изменения (заполненные поля формы), и false в противном случае.

большинство браузеров поддерживают это событие