Главная » Файлы » Прочие скрипты » HTML5

Автосохранение текстового поля на HTML5
24.06.14, 09:37:32


Думаю все сталкивались с ситуацией, когда при написании большого сообщения вы случайно закрыли вкладку или обновили страницу... и сообщение, над которым вы так долго трудились, уже не восстановить!
Этот простой скрипт для автосохранения текстового поля с использованием HTML5 поможет восстановить случайно утерянные данные. Он проверяет текстовое поле с идентификатором #message каждую секунду и сохраняет данные в локальное хранилище. Скрипт сохраняет данные только для одной сессии - когда браузер закрывается, то данные сотрутся. Если же нужно хранить данные подольше - вместо sessionStorage нужно использовать localStorage.
Скрипт не требует подключения jQuery.

Установка проста - ставим код куда-нибудь в Нижнюю часть сайта.
Код
<script>  
  var field = document.getElementById("message");
  if (sessionStorage.getItem("my-autosave")) {field.value = sessionStorage.getItem("my-autosave");}
  setInterval(function() {sessionStorage.setItem("my-autosave", field.value);}, 1000);
  </script>

Категория: HTML5 | Добавил: Apocalypse | Теги: Автосохранение, текстового, поля, HTML5, на
Просмотров: 424 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: