jQuery::Up/Downキーでフォームを移動、パート６：テーブル用とデバッグ用コード

前回のSimpleで発表したテーブル用のサンプルですが、アップしました。
http://www.workspot.jp/tech/formupdnTable.html

ctrl＋up/down/left/rightキーを使って、テーブル内を自由に上下左右に動き回れます。コードは直接HTMLを見てください。
ま、グローバル変数使いまくりのコピペなコードですが、初めてのJavaScript/jQueryということで勘弁してください。



◆デバッグ用コード

さて、FireFoxで上記のサンプルでセレクトボックスに移動すると、セレクトの内容が変わってしまいます。前からあるバグで、IE6、IE7、Opera、Safariではみられません。

ということでデバッグ用にコードを簡単にしてみました。
http://www.workspot.jp/tech/formupdn_not_work.html

もうひとつ、最低限のコードで動くバージョンも作ってみました。
http://www.workspot.jp/tech/formupdn_only_js.html

◆問題はイベント処理？

要するにjQueryのイベント処理を使うと、キーの本来の処理が実行されてしまうようです。
これがjQueryの問題なのか、FireFoxなのかがわかりません。

【追記：2009/11/6】

先ほどjQuery-1.4preでデバッグ用コードを試してみたところ、FireFoxでも問題なくなってます。が、テーブル用のコードだとだめです。