1

ここの例に似た AJAX 検索を実装しました。TABこの例では、キーを使用して検索結果を切り替えることができることに気付くかもしれません。私の検索結果には、次の形式の表があります。

*Client*  *Status*  *Hostname*
<client1>   value     value
<client2>   value     value
<client3>   value     value

Client1, client2, client3は実際にはハイパーリンクであり、クラス内にありsearch_result_entryます。client1というわけで、下矢印キーを押したときにフォーカスをリンクに移動させたいと思います。ここTABではキーが機能しますが、矢印キーの方が直感的です。ステータスとホスト名の値はクリックできません。また、私が使用していることに注意してくださいoverflow: auto。検索結果が多すぎると、スクロールバーが表示されます。この場合、TAB キーを 2 回押すと、最初の検索結果が表示されます。

試行錯誤して、次のコードを試しましたが、うまくいきませんでした。

if (e.which == 40){    // 40 is the ASCII for down arrow key
    $("#keyword").focusout();
    $("#results").focus(function(){
            $(this).next("td").focus();
    });
}

下矢印キーを使用してフォーカスを検索結果に移動し、下/上矢印キーを使用して移動するにはどうすればよいですか?

4

1 に答える 1