bootstrap-typeahead - 如何更改 Bootstrap 预输入的选择行为

Question

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

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

score 10 · Accepted Answer

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

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

score 0 · Accepted Answer

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

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

2 回答 2