Javascript 保存多个内容可编辑id´；s信息到本地存储

交易如下：

我有100个html5内容可编辑字段，每个字段都有一个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

---

我非常感谢您抽出时间来帮助我完成这个项目。

类似的工作应该是：

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

---

这里有一个

，我要做的就是粘贴这个脚本，我的contenteditable项目中不需要其他操作或触发器，对吗？当我重新加载页面时，新输入的值将替换为默认值。我遗漏了什么吗？感谢您的支持。当页面加载时，您需要实际从localStorage重新加载数据。请您解释一下最后一步？