如何更改 Bootstrap 预输入的选择行为答案

【问题标题】：How to change selection behaviour of Bootstrap's typeahead如何更改 Bootstrap 预输入的选择行为
【发布时间】：2012-11-13 15:00:58
【问题描述】：

使用 Twitter Bootstrap (example) 中的预输入功能时，当我按下 TAB 和按下 ENTER 时，第一个建议会被选中。但是，当用户不想使用其中一个建议时，只有一种方法可以实现这一点，那就是抓住鼠标并单击提交按钮。

我想要一种只使用键盘的方法，TAB 或 ARROW-UP 看起来都很直观，但在这两种情况下，我都无法让 Bootstrap 的默认行为停止。我尝试了 preventDefault() 和 stopPropagation()。

【问题讨论】：

【解决方案1】：

我解决这个问题的方法是用当前查询的建议初始化列表。因此，当按 enter 或 tab 时，查询被选中。当按下向下箭头或向上箭头 + 输入时，会选择一个真正的建议。

这类似于 Chrome 在 url 栏中输入内容时所做的。

【讨论】：

【解决方案2】：

一个老问题，但仍然相关。您可以使用以下方法将其删除。在 typeahead.jquery.js 文件中找到以下内容并将其注释掉

items.first().addClass('active')

【讨论】：