HTML5 localStorage usage

HTML5 localStorage usage

本文关键字：usage localStorage HTML5      更新时间：2023-09-26

我有一个HUGE表格，我打算让质量保证人员在收集年度产品质量审查数据时使用该表格。由于法规要求的复杂性，此表单包含超过1900个字段和单选按钮。

我目前通过sisyphus.js调用localStorage，它正在工作-保存所有字段的数据。

我的问题是，在加载它需要7秒的形式完成加载-授予它是一个很长的时间-但这不是真正的问题。我真正的问题是，在进行任何输入后，在onblur事件之后，表单接受任何更多的输入需要2秒多一点的时间。

下面是我的代码: 
$('form').sisyphus({
    locationBased: false,
    timeout: 10,
    autoRelease: false
});

我的问题是:是否有一种方法可以在用户的自由裁量权下调用数据存储，可能是通过按钮或其他方法，以防止数据输入的不断中断?

有人有什么想法吗?

你正在使用的插件(sisyphus.js)似乎不是为处理"大量"字段而编写的。

如果你看源代码:

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

你会看到这里有一个方法saveAllData。与bindSaveDataOnChange方法相结合，它在每次更改字段时保存所有字段。

并且，如果不是这种情况，你仍然会得到每10秒2秒的延迟(超时选项)。

一个快速修复，我希望，将是分叉/修改或覆盖插件null out的bindSaveDataOnChange方法，并实现一个钩子保存表单数据上的按钮单击。并且，可能要删除或增加timeout选项。

相关文章：