javascript - 我正在寻找在浏览器中自动保存直到提交的功能

Question

JS:

(function(window, document, undefined) {
    function changeSelect(event) {
        if(event.target.type=='checkbox' || event.target.type=='radio') {
            window.localStorage.setItem(event.target.id, event.target.checked?'checked':'unchecked');
        } else {
            window.localStorage.setItem(event.target.id, event.target.value);
        }
    }
    function load(event) {
        var i = 0, k, e;
        while(i < window.localStorage.length) {
            k = window.localStorage.key(i++);
            e = document.getElementById(k);
            if(e) {
                if(e.type=='checkbox' || e.type=='radio') {
                    e.checked = window.localStorage.getItem(k)=='checked';
                } else {
                    e.value = window.localStorage.getItem(k);
                }
            }
        }        
    }
    function clearData(event) {
        window.localStorage.clear();
    }
    window.addEventListener('load', load, true);
    window.addEventListener('change', changeSelect, true);
    window.addEventListener('select', changeSelect, true);
    window.addEventListener('submit', clearData, true);
})(window, document)

我从互联网上获得了这段代码，它运行良好。

我有一个要求，如果员工进行长报价时浏览器突然关闭，发生任何问题，它应该检索我们输入的全部数据。上面代码的问题是两个输入字段数据它没有占用剩余的所有数据:

两个输入字段始终为空:

1. 下拉字段数据，
2. 我使用用户输入从服务器获取一些输入字段的值。

这两个字段始终为空。如果我重新加载。

如果您有一些更好(或)可能的编码，可以在重新加载页面时返回所有详细信息(对于发生某些互联网问题)。

提前致谢。

Answer 1

也添加其他事件:

window.addEventListener('keyup', changeSelect, true);
window.addEventListener('click', changeSelect, true);