ここの例に似た 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();
});
}
下矢印キーを使用してフォーカスを検索結果に移動し、下/上矢印キーを使用して移動するにはどうすればよいですか?