[jQuery] Enterキーでフォーカスを移動するには
Enterキーでフォームを送信したくない時は あるWebアプリケーションのフォームで、Enterキーを押してもSubmitされない様にする必要があって、ちょっと調べた。 リターン（Enterキー）でフォームを送信しない方法: 小粋空間 とりあえずこの記事の「４．押されたキーを判定して抑止する」の所に書いてある方法で対応出来た。 Enterキーで次のフィールドにフォーカスを移動するには 次に、どうせならEnterキーで次のフィールドにフォーカスを自動で移動させたいな～、という事になった。やってみたら、jQueryのおかげでこんな感じで割りと簡単に出来た。 Enterキーが押された時にfalseを返すのではなくて e.preventDefault() を使う様に変えた。その理由はこちらを参照。 Shift＋Enterキーにも対応するには さらについでにShift+Enterキーでの逆順の移動に
shortcut.js - テノニッキ (@hideack 's diary)
JavaScriptで簡単にキーボードのショートカットを実装するためのライブラリ "shortcut.js" シンプルで且つ激しく便利。使い方は、見ての通り。 shortcut.add("r",function() { alert("rが押されました"); },{ 'type':'keydown', 'propagate':true, 'disable_in_input':true, 'target':document }); 第1引数はショートカットの定義。"Ctrl+C"といった書き方もできます。 第2引数はショートカットが実行された場合の処理内容。 第3引数は設定用のパラメータを含めたArrayを渡す。 Arrayの詳細は type:String 種類は'keydown','keyup','keypress'の3通り。指定が無い場合は'keydown'となる disable_in_i
JavaScript : 日本語入力時のキーイベント。 - freefielder.jp
さてさて、JavaScriptで「日本語入力がON & 変換確定時に何か処理をしたい」と考えました。「日本語の変換が確定した」という情報を得なくてはなりません。キーイベントを受け取ることで、日本語入力中 / 変換確定 の区別は可能なんだろうか。 手元にある、いくつかのブラウザで挙動を調べてみた。 Firefox 3.6.x (Gecko 1.9.2) : Mac OS X , Windows , Linux(Xubuntu) 日本語変換中は、全てのキーで keydown,keypress,keyup,全てのイベントを受け取らない。 確定のエンターキーを押したときのキーアップイベントから復活。 Internet Explorer 8 日本語入力中、keydownにはキーコード"229"が、keyupには押したキーのキーコードが返ってくる。キープレスイベントは発生しない。 日本語変換中の 複数
keyイベント(keypress,keyup,keydown)の確認
keypress,keyup,keydownイベントの発生パターンを確認するためのページです。 確認したいイベントをチェックし、テキストボックスに入力してください。 →Blogへ戻る keypress keyup keydown typekeyCodealtKeyctrlKeyshiftKeyvalue
ブラウザでのキーの同時取得
矢印キーとかを使って何が動かしたい場合、斜め方向だと上と右とか同時に押されているかどうかを分からなければならないんだけど、ブラウザでキーを取得しようとするとShift+何かみたいな同時押しは判断できるけど矢印の上、左なのは普通には取得できなかった。 しょうがないからキーのマップを作っておいてonkeydownで押されたキーを記録、onkeyupで離したことを記録するようにして、あとはsetIntervalとかで記録してあるキーの状態をみるようにした。 var keyState = []; document.onkeydown = function(e) { keyState[e.keyCode] = true; return false; }; document.onkeyup = function(e) { keyState[e.keyCode] = false; return fals
JavaScriptゲームの作り方
目次 この文書で書いたもの 何を作りたいのか ゲームの流れ 各画面説明 フィールド画面 戦闘画面 ゲームオーバー画面 ルール 主人公移動時ルール 戦闘時ルール ゲームオーバー時ルール どうやって作るか 言語の選択 プログラムの設計 コーディング&テスト キャンバスとなるＨＴＭＬを作ろう クラスの書き方 まずモデルクラスを作ろう ビュークラスを作ろう フィールドビュー 主人公状態ビュー ビュークラスのテスト 入力によってモデルが変化するようにしよう ルール適用しよう モードクラスを作ろう モードクラスとは キーマネージャーを作ろう ゲームモードクラスを作ろう 戦闘画面を作ろう ゲームオーバー画面を作ろう テスト 終了 デバッグ手法 あそぶ 評価 以前作ったランダムマップRPGをWebブラウザ上にベタ移植する webブラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
