JavaScriptのキーイベント

質問

JavaScriptのキーイベント

いつもお世話になりますm(__)m
Javascriptのキーイベントで教えて下さい。

フォーム上に、テキストボックス(id=A)とセレクトボックス１(id=B)と、セレクトボックス２(id=C)があるフォームがあり、フォーム内の項目移動をキーボードで行いたいと思います。

各項目のkeydownイベントでキーコードを取得して、Aの場合
Enter(13)又は→(39)なら、Bへ
←(37)なら、Cへ
移動するようにキーコードを取得して移動するようにしました。

IEだと問題なく動くのですが、Firefoxだと、矢印キーで移動した時に、移動先のセレクトボックスの値が
　←で動いた場合、セレクトボックスの値が1つ前
　→で動いた場合、セレクトボックスの値が1つ後
に変わってしまいます。
(フォーカスは問題なく移動先のセレクトボックスにあります)

移動した後(例えばB.focus()の後)に、まだキーイベントが残っていて、Bにフォーカス移動後に、→キーが押されたような状態っぽいのです。

Firefoxの場合、セレクトボックスにフォーカスがある時、キーボードの左右で値を変更できるので、その辺りが原因と思うのですが、移動時に左右矢印キーのイベントを無効(?)にする事はできないのでしょうか？

雑な書き方で申し訳ありませんが、お詳しい方、是非ともご教授下さいm(__)m
宜しくお願い致します。

回答No.2

yyr446 · ベストアンサー

イベントの無効化と伝播の抑止は、
IE以外の場合、
Event.preventDefault();とEvent.stopPropagation()
です。
IEは、
event.returnValue = false;とevent.cancelBubble = true;
※eventというのは、IEだけにあるwindow.eventというオブジェクト名です。

お礼

ご回答ありがとうございますm(__)m

Event.stopPropagation()とevent.cancelBubble = true;は知りませんでした(^-^;)
しかし、それを入れても、やはりFirefoxだとキーイベントが残っている(伝播している？)みたいで、ダメでした(>_<)

私の考えている事は根本的に無理なのかもしれませんね。。。

ありがとうございましたm(__)m
また何かの際は、宜しくお願い致します。

回答No.1

zeff

＞フォーム内の項目移動をキーボードで行いたい
と聞くと「tabindex」と「accesskey」でやるんじゃないの？
と思ってしまいましたが、違うのでしょうか。
javascriptじゃなくHTMLになりますけれども。
何かそういうjavasciprtの課題を解いているとかですか？