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)

我从互联网上获得了这个代码并且工作正常。

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

两个输入字段始终为空：

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

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

如果你有一些更好（或）可能的编码，它会在重新加载页面时返回所有细节（对于某些互联网问题）。

提前致谢。

Answer 1

也添加其他活动：

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

我正在寻找功能，以便在浏览器中自动保存，直到提交

1 个答案: