如何更改Bootstrap的typeahead的选择行为

时间:2012-11-13 15:00:59

标签: bootstrap-typeahead

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

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

2 个答案:

答案 0 :(得分:10)

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

这类似于Chrome在网址栏中输入内容时所执行的操作。

答案 1 :(得分:0)

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

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