javascript - 将多个 contenteditable id 的信息保存到 localStorage

Question

这是交易：

我有 100 个 html5 contenteditable 字段，每个字段都有一个 id。

我愿意做的是将用户输入的数据保存到localsotarge中，这样当他回来访问该站点时，不必再次重新输入信息。

发生这种情况的事件必须是 onkeyup。

示例标记如下：

<a href="#"  contenteditable="true" id="uniquevalue" onkeyup="myFunction();"><span class="item_price">$35.99</span></a><br>

 <a href="#"  contenteditable="true" id="anotheruniquevalue" onkeyup="myFunction();"><span class="item_price">$35.99</span></a><br>

我在互联网上看过示例，但由于我不是 javascript 专家，我需要创建 100 个函数才能真正做我想做的事。

我已经为这个项目加载了 jquery

我非常感谢你花时间帮助我完成这个项目。

Answer 1

这样的事情应该是可行的：

$('a[contenteditable="true"]').on('keyup', function(event){
    localStorage.setItem($(this).attr('id'), $(this).html());
});

这是一个jsFiddle。