javascript - HTML5 localStorage 用法

Question

我有一个巨大的表格，我打算让质量保证人员离线使用它来收集年度产品质量审查的数据。由于监管要求的复杂性，此表单包含 1900 多个字段和单选按钮。

我目前已通过 sisyphus.js 调用 localStorage，它正在运行 - 保存所有字段的数据就好了。

我的问题是，在加载过程中，表单需要 7 秒才能完成加载 - 当然这是很长的时间 - 但这不是真正的问题。我真正的问题是，在进行任何输入后，在 onblur 事件发生后，表单需要 2 秒多一点的时间才能接受更多输入。

这是我的代码:

$('form').sisyphus({
    locationBased: false,
    timeout: 10,
    autoRelease: false
});

我的问题:是否有一种方法可以根据用户的判断调用数据存储(可能是通过按钮或其他方法)，以防止数据输入不断中断？

有人有什么想法吗？

Answer 1

您使用的插件 (sisyphus.js) 似乎不是为处理“大量”字段而编写的。

如果你查看源代码:

https://raw.githubusercontent.com/simsalabim/sisyphus/master/sisyphus.js

您会看到有一个方法 saveAllData。结合 bindSaveDataOnChange 方法，每次更改字段时都会保存所有字段。

而且，如果不是这种情况，您仍然会每 10 秒延迟 2 秒(超时选项)。

我希望，一个快速修复方法是 fork /修改或重写插件以取消 bindSaveDataOnChange 方法，并实现一个钩子(Hook)以在单击按钮时保存表单数据。并且，也许，删除或增加 timeout 选项。