javascript - 将文本区域的值保存在 cookie 中，然后重新加载页面

Question

我有一些文本区域和一个表格，我想在文本区域中按下按键后进行更改。

$("#fioFilter").keydown(function(e){
    $.cookie("fioFilter",$("#fioFilter").val());
});
$("#fioFilter").keyup(function(e){
    window.location.reload();
});

这是我的解决方案。这不像我想要的那样有效。如果我按住键一段时间，它会保存在 cookie 中，然后重新加载。但是，如果我只按一次键。它重新加载并返回旧值。有什么问题？ http://jsfiddle.net/d6fpfzsu/

Answer 1

我在 Windows XP 上的 Opera 12.17 上运行

这是我的解决方案:

$(document).ready(function()
{
    var time;
    if($.cookie('fioFilter')!=null)
    {
        $("#fioFilter").focus().text($.cookie('fioFilter'));
    }
    $("#fioFilter").keyup(function(e){
        clearTimeout(time);
        $.cookie("fioFilter",$("#fioFilter").val());
        time=setTimeout(function(){$("#fioFilter").change();},500);
    });
    $("#fioFilter").change(function(e){
        window.location.reload();
    });
});

我通过从 keydown 更改来让它工作至 keyup .

重新加载是在 change 上完成的事件，在 500 毫秒后或 <textarea> 时触发失去焦点。
将焦点设置在值之前可确保提示停留在最后。
这是仅针对 chrome 的“修复”。

如果设置了 cookie，它将聚焦该元素。

您可以在此处查看代码:http://jsfiddle.net/w6hk7w6b/5/

注意

我知道我可以设置一个 var并保存选择器。

为了简单(和懒惰)我不会这样做。