Question

我需要使用键盘快捷键访问菜单和菜单

我的代码在这里

  <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

使用Tab KeyStroke

为其提供tabindex和访问权限

<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

使用关键事件来实现此目标

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/

Keyboard friendly CSS menus

Keyboard accessible web dropdown menus?

如何通过键盘快捷方式访问菜单

2 个答案: