| Главная » Файлы » Прочие скрипты » 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> | |
| Просмотров: 495 | Загрузок: 0 | | |
| Всего комментариев: 0 | |
|
| |