我有一个网页（全部在客户端代码中完成），用户可以通过不同的按钮动态添加某些页面元素。
例如，他们可以点击一个名为＆＃34;添加组＆＃34;的按钮。并输入一个组名。这将创建一个<div class="customGroup">，将该组显示为＆＃34;标题＆＃34;在其他一些按钮中，它们可以在新创建的<div>中添加更多元素。
我希望能够存储用户所做的事情而不会丢失它们，如果他们做了像close＆amp;重新打开窗口或重新加载页面。例如，如果他们添加一个组＆＃34; Foo＆＃34;鉴于页面全部是HTML / JavaScript，并刷新页面，＆＃34; Foo＆＃34;失去了。
有没有什么方法可以记录他们的动作并使用缓存/ cookie重新执行它们？或者我需要以其他方式做到这一点吗？这甚至可能吗？
答案 0 :(得分：0)
我建议使用localstorage在打开和关闭的窗口之间保留这些数据。
您可以通过将event listener附加到您关注的元素来了解用户点击的内容。您在其中传递的函数可以通过将它们推送到数组来保持对所单击项目的引用。然后，当您想使用.click()时，可以点击它们。
对于用户在提交数据时输入的文本，请确保其在localstorage中作为字符串。在页面加载时，您可以将此数据放在任何您想要的位置，因此将其赋予元素innerHTML和voila，您可以重建页面状态。