Автосохранение текстового поля

Параметр Значение
Категория Другие скрипты
Добавил uAdministrator
Дата публикации 22.03.2025, 10:23
Авторский
Адапт. дизайн
Просмотрен 14

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

Установка:
1. Устанавливаем код в "ПУ" → "Управление дизайном" → "Нижняя часть сайта":
Код
<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>

: script, Scripts, текстового, Автосохранение, поля, HTML5, UCOZ, скрипт

Комментариев пока нет..

Ты можешь быть первым, кто оставит комментарий к публикации!

Всего комментариев: 0
avatar



Администратор в сети
Администратор не в сети