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

我需要使用键盘快捷键访问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>

菜单1

项目1
项目2
项目3


菜单2

项目1
项目2
项目3

---

任何人请帮助…

使用关键事件来实现这一点

您还可以使用锚定标记的

accesskey

属性：

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

提及

---

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

<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>

---

你试过什么。简单搜索将告诉您在jquery中使用

keypress

keypup

keypdown

事件。

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