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

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)

我从互联网上获得了此代码，并且运行良好。

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

两个输入字段始终为空：


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


这两个字段总是空的。如果我重新加载。

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

提前致谢。

最佳答案

也添加其他事件：

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

关于javascript - 我正在寻找在浏览器中自动保存直到提交的功能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32093848/