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

发布时间：2020-12-17 20:39:03 所属栏目：安全来源：网络整理

导读：当使用Twitter Bootstrap( example)中的预先输入功能时,当我按TAB键并按Enter键时,第一个建议被选中.但是,当用户不想使用其中一个建议时,只有一种方法可以实现这一点,即抓住鼠标并单击提交按钮. 我想要一种只使用键盘的方法,TAB或ARROW-UP看起来都很直观,但

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

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

解决方法

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!