1

誰かが矢印キー(上、下)でリストをナビゲートするjqueryの解決策を知っていますか?

たとえば、リンク付きのリストがある場合：

<a href="#">First Link</a>
<p>
<a href="#">Second Link</a>
<p>
<a href="#">Third Link</a>
<p>
<a href="#">Fourth Link</a>
<p>

ユーザーがホバー効果で実際にナビゲートしている場所を確認できると便利です。

a:hover{color:blue}

ありがとう！実験するには: http://jsfiddle.net/ZBn7r/1/

4

2 に答える 2

3

ホバーをフォーカスに置き換えます。

次に、次のような jQuery を使用して次のリンクと前のリンクにフォーカスを移動できます。

$(document).keydown(
    function(e)
    {    
        if($('a:focus').length==0){$('a').first().focus();}

        if (e.keyCode == 39) {      
            $("a:focus").next().focus();

        }
        if (e.keyCode == 37) {      
            $("a:focus").prev().focus();

        }
    }
);

更新されたフィドル: http://jsfiddle.net/ZBn7r/2/

于 2013-08-14T15:42:52.450 に答える