javascript - 如何将这些数据存储在 cookie 中？

Question

假设我有一些文本框/文本区域，必须存储其中的值。这些值必须在按键时存储，以便在用户过早关闭页面时不会丢失数据。这是我当前的代码(使用 cookie):

function createCookie(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = '; expires=' + date.toGMTString();
    } else var expires = '';
    document.cookie = name + '=' + value + expires + '; path=/';
}

$('input').keyup(function () {
    var $this = $(this);
    createCookie($this.attr('name'), $this.val(), 1);
});

jsFiddle

效果很好。

我认为只有 4 个文本框没有问题，但想象一下有 50 多个文本框或文本区域(不是计算可用性/用户体验)。这会导致任何问题吗？

我愿意接受任何建议/替代方案

Answer 1

我会选择使用本地存储(参见 http://www.w3schools.com/html/html5_webstorage.asp )，这似乎比为每个文本输入设置一个 cookie 更具可扩展性。此外，您提到必须在每次击键时设置值，为什么不将当前输入的值保存在内存中，并绑定(bind)一个将值提交给输入的模糊事件的函数，并使用 setTimeout 来强加，比如说，在保存值时延迟 1 秒，将这些超时在数组中排队，并在每个 keyup 事件中清除未完成的超时，这样您只在用户暂停输入时写入本地存储，而不是在每次击键时写入。