萌新项目人
2018-09-23 04:23
采纳率: 98.5%
浏览 3.2k
已采纳

需要一个input,输入的内容自动存入localStorage并在刷新页面后显示出来

需要一个input输入框,输入的内容自动存入localStorage并在刷新页面后显示出来

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • threenewbee 2018-09-23 05:12
    已采纳
     最简单的
    <form>
        <label for="dd">test</label>
        <input type="text" id="dd" name="dd"/>
    </form>
    <script src="js/jquery-1.6.4.min.js"></script>
    <script>
        var dd=$('#dd');
        dd.change(function(){
            var ddval=dd.val();
            localStorage.setItem('dd',ddval);
        });
        $(document).ready(function(){
            var ddval2=localStorage.getItem('dd');
            dd.val(ddval2);
        });
    </script>
    
    
    已采纳该答案
    打赏 评论
  • Tengmaoqing 2018-09-23 04:55

     const DEFAULT_CACHE_KEY = '__TMQ_DEFAULT_KEY__inputname';
    
          xxx.addEventListener('input', (e) => {
            localStorage.setItem(DEFAULT_CACHE_KEY, this.value);
          });
    
          xxx.value = localStorage.getItem(DEFAULT_CACHE_KEY);
    

    简单版本,记得要在服务器上运行。这种需求应该要由一个插件来完成,最好不要写在业务里。

    打赏 评论
  • 天际的海浪 2018-09-23 09:21
    <input type="text" id="txt" />
    <script type="text/javascript">
    var txt = document.getElementById("txt");
    var str = localStorage.getItem("inputText");
    if (str) {
        txt.value = str;
    }
    window.onbeforeunload = function () {
        localStorage.setItem("inputText",txt.value);
    }
    </script>
    
    
    打赏 评论

相关推荐 更多相似问题