ローカルストレージを使って、メモを自動保存

下側の textarea にテキストメモを書き込み、そのままこのページを閉じるか、他のページに移動するなどしてから再度このページに戻ると、本来消えてしまうはずのテキストがローカルストレージにより再表示されます。書き込めるテキストのサイズはブラウザにより異なりますが、4MBから10MBほど利用できるようです。セキュリティ上の問題により、重要な内容の書き込みは避け、差し障りの無いものにとどめてください。

また、下側の［クリア］ボタンクリックで内容を消去できます。

script

var textarea = $("#article");
  textarea.ready(function(){
    textarea.val(localStorage.getItem("article"));
  });
  textarea.keyup(function(){
    var value = textarea.val();
    localStorage.setItem("article", value);
  });
  $("#clear").click(function(){
    textarea.val("");
    localStorage.clear();
  });