HTML 在 textarea 中保存文本

Question

我有这个文本框

<textarea rows="20" cols="100"> </textarea>

当有人在其中输入文本并刷新页面时，我如何使输入的文本保持在那里

我会自己尝试一些东西，但我不知道从哪里开始......

Answer 1

您可以像这样使用 Jquery 和本地存储来完成。见小提琴https://jsfiddle.net/sxh0n7d1/13/

这将适用于多个<textarea>'s

window.onbeforeunload = function() {
     $('textarea').each(function(){    
        var id = $(this).attr('id');
        var value = $(this).val();
       localStorage.setItem(id, value);
    }); 
}
window.onload = function() {        
    $('textarea').each(function(){    
       var id = $(this).attr('id');
       var text2 = localStorage.getItem(id);
       if (text2 !== null) $('#'+id).val(text2);
    }); 
}