1

いくつかのブラウザでtabindexに問題があるようですので、javascript/jqueryを使用してこれらの問題を回避したいと思います。具体的には、FF3.5（Mac）は、tabindexを受け入れないか、リンクに焦点を合わせません。私のウェブサイトでjquery1.3.2とjs-hotkeys0.7.9を実行しています。

1ページに4つのフォームがあり、リンクを使用して切り替えることができます。これで、ページが読み込まれたときに、そのIDを使用してフォーカスを設定するリンクの1つが表示されます。次に、各リンク間をタブで移動して、各フォームを表示できるようにします。

削除されたコードは次のようになります。

HTML

<nav id="postNav">
    <ul>    
        <li class="Nav1"><a href="#">1</a></li>
        <li class="Nav2"><a href="#">2</a></li>
        <li class="Nav3"><a href="#">3</a></li>
        <li class="Nav4"><a href="#">4</a></li>
    </ul>
</nav>

<form class="postForm" id="post1">
</form>

<form class="postForm" id="post2">
</form>

<form class="postForm" id="post3">
</form>

<form class="postForm" id="post4">
</form>

Jquery

$(document).ready(function(){               

    $("#postNav ul li a").click(function(event){
        var postOptionSelected = $(this).parent("li").attr("class").substr(3);
        $("form#post"+postOptionSelected).show();
            $("form.postForm:not(#post"+postOptionSelected+")").hide();
            event.preventDefault();
    });
});
4

2 に答える 2

4

これは Firefox の問題ではありません。Mac OS のシステム設定です。[システム環境設定]、[キーボードとマウス]、および [キーボード ショートカット] には、Tab でキーボード フォーカスをテキスト ボックスとリストのみに変更できるようにするか、すべてのコントロールに変更できるようにするかをユーザーが構成できるフル キーボード アクセス設定があります。デフォルトでは、テキスト ボックスとリストのみに設定されています。

Mac OS の Safari には、[Safari]、[設定]、[詳細]、[Tab キーを押す] に設定があり、Web ページの各項目を強調表示して、この動作をオーバーライドします。

于 2009-07-10T04:53:48.600 に答える
0

「投稿」の後に「フォーム」を忘れたと思います。

    $("form#postForm"+postOptionSelected).show();
    $("form.postForm:not(#postForm"+postOptionSelected+")").hide();
于 2009-07-10T04:26:27.827 に答える