javascript - 如何使用 cookie 保存和检索表单值，包括下拉菜单？

Question

有没有一种简单的方法可以为那些不小心点击链接然后使用后退按钮或其他东西的人保存表单？包括一个下拉输入。

Answer 1

您可以onkeypress为输入框和文本区域以及onchange表单中的所有选择执行事件。以及每个触发的事件，调用一个将表单序列化为 JSON 字符串并将它们存储为 cookie 的脚本。如果您的表单已提交，您可以在之后清除该 cookie。

在用户离开页面的场景中，你应该绑定一个onbeforeunloadoronunload来警告用户他正在离开。如果他确认，清除 cookie。如果不知何故跳过了确认，下次他访问表单时，只需读取 cookie，因为它没有被清除。

但还要注意，可能会输入敏感数据。cookie（甚至本地存储）对于存储来说是不安全的。您可以提供一个过期时间，以便在未刷新 cookie 时将其删除。