Javascript 当到达下拉列表时，点击iphone移动箭头键，它将显示下拉列表内容

我想打开/显示下拉列表内容（就像单击下拉列表一样），当点击自动填充附近的iphone移动键盘上的箭头键时

我在safari浏览器中为我的web应用程序执行此操作。我已经为下拉列表编写了焦点事件，但它没有工作。我使用的是引导分离按钮下拉列表

<!-- Split button -->
<div class="btn-group">
  <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="inFocusedDropdown btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

下图显示了iphone 6 mobile的箭头键；当点击箭头键和下拉菜单到达时，它应该显示下拉菜单的内容，但不起作用

---

希望尽快收到你们的来信。谢谢

这是可能的！选中此项：

为您的下拉列表指定一个id，如

dropdown1

在下拉列表附近插入此输入：

<input class="focus-trigger" triggerid="dropdown1" />

添加JavaScript:

$(".focus-trigger").focus(function(e){
  $("#"+$(this).attr("triggerid")).trigger("click");
});

---

对非常感谢。这是一个很好的黑客得到什么是打算。

.focus-trigger {
  width:0;
  height: 0;
  opacity: 0;
}

$(".focus-trigger").focus(function(e){
  $("#"+$(this).attr("triggerid")).trigger("click");
});