原理:
1、input失去焦点(blur),获取input的值(val),保存至浏览器的locaStorage;
2、页面在同一浏览器加载是,获取浏览器的locaStorage,将其值赋予相应的input。
兼容性:
localStorage兼容大部分符合W3C规则的浏览器,IE最低版本为IE 8。
html:
<form> <label for="dd">test</label> <input type="text" id="dd" name="dd"/> </form>
js:
<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>
较为简单的功能,下一步研究如何定时保存草稿,就像优快云博客编辑时的保存草稿。