FC2ブログ

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 とかでもっと使いやすくできると面白いかもしれない
スポンサーサイト



テーマ : プログラミング
ジャンル : コンピュータ

コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック