如何从localstorage恢复javascript值？

debugcn 发表于 Dev

卡尔西卡·拉姆

代码：

Test2 =<input type="text" id="idfield1" name="test2">
<br/> Test3 =<input type="text" id="idfield2" name="test3">
<script>
$('#idfield1').keypress(function() {
  document.getElementById('idfield2').value='text to be displayed' ; 
});
(function(window, document, undefined) {
  function changeSelect(event) {
    if (event.target.type == 'checkbox' || event.target.type == 'radio') {
      window.localStorage.setItem(event.target.id, event.target.checked ? 'checked' : 'unchecked');
    } else {
      window.localStorage.setItem(event.target.id, event.target.value);
    }
  }

  function load(event) {
    var i = 0,
      k, e;
    while (i < window.localStorage.length) {
      k = window.localStorage.key(i++);
      e = document.getElementById(k);
      if (e) {
        if (e.type == 'checkbox' || e.type == 'radio') {
          e.checked = window.localStorage.getItem(k) == 'checked';
        } else {
          e.value = window.localStorage.getItem(k);
        }
      }
    }
  }

  function clearData(event) {
    window.localStorage.clear();
  }
  window.addEventListener('load', load, true);
  window.addEventListener('change', changeSelect, true);
  window.addEventListener('select', changeSelect, true);
  window.addEventListener('keyup', changeSelect, true);
  window.addEventListener('click', changeSelect, true);
  window.addEventListener('submit', clearData, true);
})(window, document)
</script>

http://jsfiddle.net/kxc156ox/6/

当浏览器意外关闭或重新加载时，我想恢复输入值。

javscript会根据用户输入生成多个值。如果用户不小心关闭了页面，则由于互联网的原因，他的页面已重新加载，从某种意义上说，所有值都应从本地存储中恢复。

当您重新加载text3值不来.text2值来了

请以任何方式帮助我获得价值。我正在很长一段时间内正在处理此表格。任何帮助都将非常有用。

提前致谢。

鄂州

我认为下面的小提琴链接会解决您的问题。

检查。

            $('#idfield1').keypress(function(evt) {
      document.getElementById('idfield2').value=evt.currentTarget.value ; 
    });
    (function(window, document, undefined) {
      function changeSelect(event) {
        var elements = document.getElementsByTagName("input");
        //For query selection use below code
        //var element = document.querySelectorAll("input[type=text]");
        for(var index=0; index<elements.length; index++){
            if (elements[index].type == 'checkbox' || elements[index].type == 'radio') {
            window.localStorage.setItem(elements[index].id, elements[index].checked ? 'checked' : 'unchecked');
          } else {
            window.localStorage.setItem(elements[index].id, elements[index].value);
          }
        }
      }

      function load(event) {
        var i = 0,
          k, e;
        while (i < window.localStorage.length) {
          k = window.localStorage.key(i++);
          e = document.getElementById(k);
          if (e) {
            if (e.type == 'checkbox' || e.type == 'radio') {
              e.checked = window.localStorage.getItem(k) == 'checked';
            } else {
              e.value = window.localStorage.getItem(k);
            }
          }
        }
      }

      function clearData(event) {
        window.localStorage.clear();
      }
      window.addEventListener('load', load, true);
      window.addEventListener('change', changeSelect, true);
      window.addEventListener('select', changeSelect, true);
      window.addEventListener('keyup', changeSelect, true);
      window.addEventListener('click', changeSelect, true);
      window.addEventListener('submit', clearData, true);
    })(window, document)

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。