如何关注jQuery的Selectmenu小部件来模拟本机选择

Question

我的问题是关于以下页面：

http://api.jqueryui.com/selectmenu/（jQuery＆＃39; Selectmenu Widget API文档）

它附近的顶部说明：

  

键盘交互

     

当菜单打开时，可以使用以下键命令：

     

  
• UP / LEFT：将焦点移至上一个项目。
  
• DOWN / RIGHT：将焦点移至下一个项目。
  

     

等

然而，他们在页面底部给出的三个示例（以及我自己的代码）显示默认情况下不会发生键盘交互。在键盘可以与它们一起使用之前，您必须明确地选中控件，否则按UP或DOWN会滚动整个页面。我用Opera（Presto），Firefox 32和Opera 24（Chrome / Webkit）对它进行了测试，并且在所有这些方面都有相同的行为。

如何完全模仿<select>的原生行为？是onclick是否足够或是否有其他事件我没想到会导致输入获得焦点（正如我之前所说，标签已经有效）？

Answer 1

您可以通过聚焦菜单按钮来聚焦选择菜单：

如果你的selectmenu id是#myDropDown，你可以像这样关注菜单：

$('#myDropDown-button').focus();