HTML在textarea中保存文本

Question

我有这个文本框

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

当有人在其中输入文字并刷新页面时，如何将输入的文本保留在那里

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

Answer 1

您可以使用Jquery和本地存储这样做。请参阅小提琴https://jsfiddle.net/sxh0n7d1/13/

这适用于多个<textarea>的

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);
    }); 
}