14

を使用してキーボードを使用してドロップダウン メニューTabに移動し、矢印キーを使用してドロップダウンのサブ要素に移動することは可能ですか?

ここに私が今持っているコードがあります:

<input type="text" value="click tab to jump to the drop down."/>
<div class="bs-docs-example">
    <div class="dropdown clearfix">
      <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px; *width: 180px;">
        <li><a tabindex="-1" href="#">Menu Item A</a></li>
        <li><a tabindex="-1" href="#">Menu Item B</a></li>
        <li><a tabindex="-1" href="#">Menu Item C</a></li>
        <li class="divider"></li>
        <li><a tabindex="-1" href="#">Menu Item A1</a></li>
            <li class="dropdown-submenu">
                <a tabindex="-1" href="#">Menu Item B1</a>
                <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#">You should navigate here with the keyboard.</a></li>
                    <li><a tabindex="-1" href="#">Thanks For your Help!</a></li>
                </ul>
            </li>
      </ul>
    </div>
</div>

http://jsfiddle.net/MGwVM/1/

4

2 に答える 2

-2

良い例です。

しかし、なぜ設定したのsetTimeoutですか?何か特定の理由?

setTimeout(function(){
    $(".search-option:first").focus();
},100);

タイムアウトなしで入力選択ボックスをシミュレートして、同じ例を作成しました。これをチェックしてください

于 2014-09-24T18:40:40.870 に答える