如何使用快捷键/热键 jQuery 控制组合框 (html)？

Question

我有这样的组合框：

<select id="shift" name="s">
  <option value="1" selected="selected">Shift 1</option>
  <option value="2">Shift 2</option>
  <option value="3">Shift 3</option>
</select>

现在，我想用快捷键/热键访问或控制这个组合框。例如，当我按下“alt+s”按钮时，我可以看到组合框列表，并且可以通过按下“上/下”按钮进行选择。

我需要这个快捷键/热键来改变鼠标点击。我需要这个来创建无鼠标应用程序（应用程序可以在没有鼠标的情况下运行）。这种情况有解决办法吗？

Answer 1

似乎您将在整个项目中使用热键。 我可以向 jQuery 的创建者推荐jQuery Hotkeys。它允许将所有键组合映射到各种事件。

在您的情况下，您可能希望创建一个热键事件，当按下所述组合时，会在您的组合框上触发“焦点”（聚焦组合框）或“点击”（打开列表）事件。

Answer 2

 $(document).keypress(function (event) {
    var keyPressed = event.keyCode;
    var altPressed = event.altKey;
    if (altPressed && keyPressed == /* key code for 's'*/) {
        $("#altPressed").click();            
    }
});

一旦聚焦，up 和 down 键将用于导航。