検索関数のイベントとマッピング
1 2 3 4 5 6 7 8 9 10 11 | $(document).on("pageinit","#top",function(e){$(this).on("keypress","#search-tag",function(e){if(e.keyCode == $.mobile.keyCode.ENTER){var hashTag = $("#search-tag").val();if("" == hashTag) return;searchTweet(hashTag);}});}); |
#topは
1 2 | <div data-role="page" id="top"></div> |
を示す
1 | if(e.keyCode == $.mobile.keyCode.ENTER) |
で、キーコードがEnter
つまり、Enterを押したときの判定をしている
1 | var hashTag = $("#search-tag").val(); |
で、検索欄で入力した内容を
hashTag へ代入
1 | if("" == hashTag) return; |
で、入力フォームが空なら何もしないようにしている
ソーシャルメディアAPIと
jQueryMobileを使うことで
サーバーなしでもWebアプリを作成できる