bootstrap-typeahead 需要点击 2 次才能在 ios7 上进行选择

Question

在 Safari iOS7 上使用 bootstrap-typeahead.js v2.3.2 自动完成需要点按两次才能从列表中选择一个项目。第一次它隐藏键盘并将选项标记为活动，但点击不会通过，直到你再次点击它。

其他浏览器或手机甚至是旧版本的iOS都没有这个问题。

Answer 1

发现点击一个选项会导致文本字段“模糊”（到目前为止还不错），但由于某种原因（或错误），原始点击事件永远不会被触发。只有鼠标进入。

如果某些内容已被“鼠标悬停”，则快速修复是从“模糊”处理程序调用“单击”函数。这似乎不会对可能调用两次“click”函数的其他浏览器造成任何问题。

只需添加带有以下评论的行。该块将是第 265-269 行：

, blur: function (e) {
  this.focused = false
  if (!this.mousedover && this.shown) this.hide()
  else if (this.mousedover) this.click(e) // fix ios7 missing click on blur
}

希望这可以帮助遇到相同问题的人或其他在 iOS7 上模糊后也无法点击的库。