HTML5 localStorage用法

Question

我有一個巨大的表格，我打算讓質量保證人員在年度產品質量評估的數據收集中使用OFFLINE。 由於監管要求的復雜性，此表格包含超過1900個字段和單選按鈕。

我目前通過sisyphus.js調用localStorage並且它正在工作 - 保存所有字段的數據就好了。

我的問題是，在加載時，表單需要7秒才能完成加載 - 授予它很長時間 - 但這不是真正的問題。 我的真實問題是，在進行任何輸入之后，在onblur事件之后需要花費2秒多的時間讓表單接受更多輸入。

這是我的代碼：

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

我的問題：有沒有辦法根據用戶的意願調用數據存儲，可能是通過按鈕或其他方法，以防止數據輸入中的持續中斷？

有人有主意嗎？

Answer 1

您正在使用的插件（sisyphus.js）似乎並不是為處理“大量”字段而編寫的。

如果你看一下來源：

你會看到有一個方法saveAllData 。 與bindSaveDataOnChange方法結合使用，每次更改字段時都會保存所有字段。

而且，如果不是這種情況，你仍然會每10秒獲得2秒延遲（超時選項）。

我希望快速解決方法是分叉/修改或覆蓋插件以使bindSaveDataOnChange方法為空，並實現一個鈎子，用於在按鈕單擊時保存表單數據。 或許，刪除或增加timeout選項。