2011年10月25日
iPhone Safariキーボードの"Return"のkeydownイベントをキャッチ
Situation
iPhone Safariを使うときにあるInput boxで何か入力後"return"キーのkeydownイベントをキャッチして、何かしらのアクションを行いたい、のが目的です。よくあるのがreturnキーでformをsubmitしたり、ボタンクリックのアクションを行ったり、キーボードを隠したりするところですかね。
Keydown event
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$("#one_inputbox").live('keydown', function(event) { | |
var RETURN_KEY_CODE = 13; | |
if (event.which == RETURN_KEY_CODE) { | |
// your code here ... | |
// may submit the form | |
$("form").submit(); | |
// or simply just hide the keyboard | |
$(this).blur(); | |
} | |
}); |
13という数字がreturnキーのkeydown時のコードです。実はJavascript経験がある方ならすぐ分かると思いますが、13はEnterキーのコードでもあります。
もう一つのTipはキーボードを隠したいときはjQueryのblur()を使えばOKです。