jquery - 如何聚焦 jQuery 的 Selectmenu 小部件以模拟原生选择

Question

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

http://api.jqueryui.com/selectmenu/（jQuery的 Selectmenu Widget API 文档）

它在顶部附近声明：

键盘交互

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

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

等等

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

如何完全模拟<select>s 的本机行为？是否onclick足够或是否有其他事件我没有想到会导致输入获得焦点（正如我之前所说，选项卡已经工作）？

Answer 1

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

如果您的 selectmenu id 是 #myDropDown 您可以像这样聚焦菜单：

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