ローカルストレージを使って、メモを一時保存する

[save]ボタンクリック:この内容をローカルストレージに一時保存
[load]ボタンクリック:ここにローカルストレージの内容を読み出す
 このtextarea内をクリック:画面クリア

このページを閉じてしまっても、再度開き、[load]ボタンクリックで復帰(保存した内容を読み出して表示)します。
⊗ 参照元: http://webos-goodies.jp/archives/51197155.html

 

script

var storage = localStorage;
 var clssw = 0;	  
 function saveContent(){ //ローカルストレージに内容を保存
   var textContent = document.getElementById("textarea");
   var key = "savememo";
   var value = textContent.innerText;
   storage.setItem(key, value);
  }	  
 function loadContent(){ //ローカルストレージから内容を呼び出す
   var loaded = storage.getItem("savememo");
   document.getElementById("textarea").innerText = loaded;
   clssw = 1;
  }  
 function cleartextarea(){ //画面クリア
   if(clssw == 0){
   document.getElementById("textarea").innerText = "";
   clssw = 1;
   }
  }

 

 

戻るボタン

 

 

inserted by FC2 system