Предотвратить случайный Назад Обзор

Question

У меня есть клиент, который только что получил Apple Magic Mouse.Мы создали веб-сайт с рецептами, и она очень расстраивается, когда вводит всю информацию для рецепта, затем выбирает новую мышь и случайно прокручивает вправо, и она выполняет обзорный просмотр, и вся ее информация теряется.Поэтому она хочет предупредить / всплыть, чтобы этого не случилось на этой странице.

Любые предложения или указать мне на JS, который делает это?

Answer 1

Это базовый скрипт «предупредить перед отъездом». Когда пользователь нажимает клавишу в текстовой области, пользователь будет уведомлен, если он собирается покинуть страницу:

<script type="text/javascript">
var changes = false;
window.onbeforeunload = function(){
   if(changes){
      return "You're about to leave this page.";
   }
};
</script>
<textarea onkeypress="window.changes=true">recipe here</textarea>

Кроме того, вы можете сохранить содержимое текстового поля в переменной при загрузке страницы и сравнить его впоследствии. Это устранит некоторую путаницу, когда посетитель просто нажимает клавиши со стрелками в текстовой области, фактически не изменяя его.

Answer 2

Поэтому она хочет, чтобы на этой странице было предупреждение / всплывающее окно.

Вы можете подключиться к событию onBeforeUnload вашего браузера и затем показать сообщение с подтверждением.