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

Question

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

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

Answer 1

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

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