Как восстановить инфу из sessionStorage при выполнении определенных условий?

Question

[ligisayan]

Всем привет. Есть селектор со своей структурой с динамическим содержимым, которое не сохраняется при обновлении/перезагрузке страницы Сохраняю его при помощи sessionStorage. Как восстановить его содержимое при обновлении страницы при наличии определенного содержимого в .foot-carousel div ?

<div class="fixed-bottom" id="fix-bot">
  <div id="foot-carousel" class="owl-carousel">
    <div>Содержимое</div>
  </div>
</div>

var field = document.getElementById("fix-bot");
console.log(field);

// Проверяем, что значение поля autosave существует
// (это будет происходить при случайной перезагрузке страницы)
if (sessionStorage.getItem("autosave")) {
  // Восстановить значение тестового поля
  field.innerHTML = sessionStorage.getItem("autosave");
  console.log("autosave");
}

// Прослушивать изменения значения текстового поля
field.addEventListener("change", function() {
  // И сохранить результаты в объект хранилища сессий
  sessionStorage.setItem("autosave", field.innerHTML);
  console.log("change");
});

Answer 1

[Александр]

Говорят, что sessionStorage немного глючит в хроме. А вообще, событие "change" не доступно на элементах "div". Если только не самописное отслеживание изменения содержимого, например по таймауту, или с помощью малопопулярных событий DOMNodeInserted, DOMNodeRemoved и тд.