2

Подскажите, как можно сделать перезагрузку страницы так, чтобы в поле остались уже написанные там символы! Нужна именно перезагрузка, как при нажатии F5, форма при этом не отправляется. Мне это надо для того, чтобы при диалоге с человеком можно было автоматически увидеть сообщение не перезагружая страницу вручную. Или вы можете посоветовать другие способы, без перезагрузки страницы полностью?

5
  • Нужна именно перезагрузка, т.е. как по нажатию F5? Форма при этом отправляется? 13 янв 2018 в 10:38
  • 1
    Как вариант: перед перезагрузкой сохранять это в localstorage
    – Ares
    13 янв 2018 в 10:48
  • @AresGod вопрос на какое событие это повесить, ведь можно нажать F5 во время заполнения формы. 13 янв 2018 в 10:51
  • @AndreyFedorov, onkeyup отлично для этого подойдет
    – Ares
    13 янв 2018 в 10:53
  • 1
    можно сохранение положить в обработчик window.onUnload , window.onbeforeunload
    – splash58
    13 янв 2018 в 11:06

1 ответ 1

3

Как вариант - сохранять данные в localStorage при onunload или onkeyup:

var element = document.getElementById("myText");

element.value = restoreValue("myText");
window.onunload = () => keepValue(element);	

function keepValue(e){
  localStorage.setItem(e.id, e.value);
}

function restoreValue(item){
  if (localStorage.getItem(item) === null) {
      return "";
  }
  return localStorage.getItem(item);
}
<textarea id="myText"></textarea>

document.getElementById("myText").value = restoreValue("myText");
function keepValue(e){
    localStorage.setItem(e.id, e.value);
}

function restoreValue(item){
    if (localStorage.getItem(item) === null) {
        return "";
    }
    return localStorage.getItem(item);
}
<textarea id="myText" onkeyup="keepValue(this);"></textarea>

3
  • Не создадут ли сотни сохранений в минуту слишком высокую нагрузку на комп?
    – andreymal
    13 янв 2018 в 11:04
  • @andreymal, можете протестить: jsperf.com/localstorage-performance
    – Ares
    13 янв 2018 в 11:12
  • Cпасибо, именно второй ответ работает! 13 янв 2018 в 11:35

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.