当前位置 : 主页 > 网页制作 > Bootstarp >

bootstrap-typeahead – 如何更改Bootstrap的typeahead的选择行为

来源:互联网 收集:自由互联 发布时间:2021-06-12
当使用Twitter Bootstrap( example)中的预先输入功能时,当我按TAB键并按Enter键时,第一个建议被选中.但是,当用户不想使用其中一个建议时,只有一种方法可以实现这一点,即抓住鼠标并单击提交
当使用Twitter Bootstrap( example)中的预先输入功能时,当我按TAB键并按Enter键时,第一个建议被选中.但是,当用户不想使用其中一个建议时,只有一种方法可以实现这一点,即抓住鼠标并单击提交按钮.

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

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

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

网友评论