javascript - 为什么这段 javascript 代码不能与 html5 一起使用（在本地存储中保存有序列表）？

Question

我有一个 HTML 中的无序列表，我想要它以便内容可编辑并保存在本地，这样当您刷新编辑的列表而不是默认列表时。

HTML：

<ul id="items" contenteditable="true">
    <li> Read up on HTML</li>
    <li> Learn new things in HTML5</li>
    <li> Try testing my knowledge by building a mobile app</li>
</ul>

JAVASCRIPT：

$(function () {
    var items = document.getElementById('items');
    $(items).blur(function () {
        localStorage.setItem('itemData', this.innerHTML);
    });
    if(localStorage.getItem('itemData')) {
        items.innerHTML = localStorage.getItem('itemData');
    }
});

Answer 1

该代码在模糊元素后确实有效。也许这对keyup事件会更好。

$(items).keyup(function () {
    localStorage.setItem('itemData', this.innerHTML);
});

Answer 2

好的，所以我是新手，可能完全没有抓住重点。但是在您发布的代码中，您没有刷新列表。当我制作动态列表时，我将刷新放在制作列表的函数中。例如 $(items).listview('refresh');