jquery localStorage for contenteditable content以记住编辑的内容

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery localStorage for contenteditable content以记住编辑的内容相关的知识,希望对你有一定的参考价值。

this shows you how to use localStorage to have a page remember content that has been edited with the html5 attribute, contenteditble
  1. //demo of localStorage
  2.  
  3. $(function() {
  4.  
  5. var someSection = document.getElementById('someSection');
  6.  
  7. $(someSection).blur(function() {
  8. localStorage.setItem('toDoData', this.innerHTML);
  9. });
  10.  
  11. if(localStorage.getItem('toDoData')) {
  12. someSection.innerHTML = localStorage.getItem('toDoData');
  13. }
  14. });
  15.  
  16. <ul id="someSection" contenteditable="true">
  17. <li>add stuff here</li>
  18. </ul>

以上是关于jquery localStorage for contenteditable content以记住编辑的内容的主要内容,如果未能解决你的问题,请参考以下文章

无法从 LocalStorage Jquery 获取数组

为啥读取 localStorage 值需要刷新页面才能显示由 jQuery 切换的 CSS 更改?

如何使用 jQuery 为所有浏览器绑定到 localStorage 更改事件?

从 localStorage 在数组上运行 for 循环

LocalStorage 更新元素导致与 JQuery 中的 JSON 重复

JQuery和JS操作LocalStorage/SessionStorage的方法