Question

我正在尝试在localstorage中保护一个值，以便稍后在其他页面上使用它，但我无法让它工作。

我的输入字段：

<input type="text" name="test" value="" id="test" required />
         <span class="highlight"></span>
         <span class="bar"></span>
         <label>enter something</label>

我的剧本：

<script>

function getStorage(type) {
  var storage = window[type + 'Storage'],
    delta = 0,
    p = document.createElement('p');

  if (!window[type + 'Storage']) return;

  if (storage.getItem('value')) {    
    p.innerHTML = type + 'Storage: ' + storage.getItem('value');
  } else {
    p.innerHTML = type + 'nothing safed';
  }

  document.querySelector('#output').appendChild(p);
}

getStorage('test');


addEvent(document.querySelector('#test'), 'keyup', function () {
  localStorage.setItem('value', this.value);
});


</script>

我的输出：

    <p id="output"></p>

注意：我正在使用h5utils.js（https://java.net/projects/prototype/sources/svn/content/trunk/demosprojects/AjaxAdmin/web/h5utils.js?rev=11）使一切正常，但我无法获得输出。控制台中没有错误。

Answer 1

您正在调用getStorage函数传递一种＆＃39; test＆＃39;然后尝试查找当然不存在的window.testStorage。

使用...

getStorage('local');

...而是查找localStorage。

html5 localstorage没有保存输入

1 个答案: