javascript - 如何通过键盘快捷键访问菜单

Question

我需要使用键盘快捷键访问 menu1 和 menu2

我的代码在这里

  <ul>
        <li>Menu 1
            <ul>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
            </ul>
        </li>
        <li>Menu 2
            <ul>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
            </ul>
        </li>
    </ul>

任何人请帮助...

Answer 1

给它一个 tabindex 并使用 Tab KeyStroke 访问

<ul>
        <li tabindex="1">Menu 1
            <ul>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
            </ul>
        </li>
        <li tabindex="2">Menu 2
            <ul>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
            </ul>
        </li>

并使用键盘访问 LI 使用这个

onkeydown="if (event.keyCode == ${keycode}) document.getElementById('ID').click()

Answer 2

使用 Key 事件来实现这一点

http://api.jquery.com/keypress/

http://api.jquery.com/keydown/

http://api.jquery.com/keyup/

您还可以将accesskey属性用于锚标记：

<a href="example.html" accesskey="s">example</a>

参考

http://code.google.com/p/keyboard-accessible-jquery-menu/

键盘友好的 CSS 菜单

键盘可访问的 Web 下拉菜单？