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

Question

在Safari iOS7上使用bootstrap-typeahead.js v2.3.2自动完成需要点击两次以从列表中选择一项。第一次单击时，它会隐藏键盘并将选项标记为活动状态，但直到您再次点击它时，单击才会生效。

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

Answer 1

我发现点击一个选项会导致文本字段“模糊”(到目前为止还不错)，但由于某些原因(或bug)，原始的单击事件从未被触发。只有鼠标键。

一个快速修复方法是从'blur‘处理程序调用'click’函数，如果有东西被“鼠标移过”的话。这似乎不会对其他可能调用两次“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上模糊后也不能点击。