左矢印と右矢印を使用してフォーカスを設定する（HTML + JS）

Question

左矢印をタブボタンのように動作させる（フォーカスを次のフォーカス可能なアイテムに設定する）か、右矢印はシフト+タブ以前のフォーカス可能なアイテムに）？

$().keypress(function(e) { 
    if (e.keyCode == 37) { 
     alert('I want to do a shift-tab'); 
    } 
    else if (e.keyCode == 39) { 
     alert('I want to do a tab'); 
    } 
}); 

をGoogleは役に立つが、私は、私はいくつかのより多くのgoogleながら、私はここに迅速なポストを設置しようと思いましたということではないされています

私はこれまでのところ得ています。

ありがとうございます！

ああ、純粋にFF3.0のため、私は他のブラウザの不都合を心配する必要はありません。

Answer 1

あなたが今までに持っていたことはうまくいきました。

あなたは「フォーカス可能な」アイテムのリストを保持し、ちょうど現在の1へのポインタを維持するリストを反復処理できます。

// or $('input')..depends what you want to focus on 
var nodes = $('.focusable'), idx = -1; 
$().keypress(function(e) { 
    if (e.keyCode === 37) { 
    nodes.get(++idx).focus(); 
    } 
    else if (e.keyCode === 39) { 
     nodes.get(--idx).focus(); 
    } 
}); 

これはしかしちょうど荒い概要です。フォーカス可能な要素の配列の先頭または最後を過ぎて移動しないようにする前に、idxを調べる必要があります。また、ユーザーがテキストボックスの中にいるときにこれを呼び出すことにも注意する必要があります。