HTML5 でメモ帳作成 その5

HTML5 でメモ帳作成 その5
一定時間毎ではなく、文字を入力した時点で
保存されるようにする
これは、twitter とか ブログとかで
下書きの自動保存みたいに使えるので
忙しいときに活用できそう
参考にできるのが
#08 キー入力毎に自動保存
http://dotinstall.com/lessons/memo_html5/2308
これは
jQuery を使う
keyup は文字入力したというイベント
$(‘#memo’).bind(‘keyup’,function(){
localStorage.setItem(‘memo’,$(‘#memo’).val());
}
というソースの部分が該当
これは
id=”memo” のテキストエリアの内容を
keyup イベント発生
つまり文字入力するたびに
localStorage に保存するというもの
今後の課題としては
Ajax とかでもっと使いやすくできると面白いかもしれない

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です