当我使用带虚拟键盘的手机和平板电脑时,我遇到了Typeahead的问题。
当我点击预先输入控件(html输入)时,会出现虚拟键盘,我可以输入查询文本。然后下拉列表显示结果,当我选择一个选项时,虚拟键盘将关闭,所选选项将显示在控件中。但是,重新显示虚拟键盘,因为焦点会返回到预先控制并再次触发点击事件。
Bootstrap页面上的示例具有相同的行为。
[编辑] 用户必须选择多个选项,当选择第一个选项时,我想在下一个选项控件中设置焦点,但是typeahead将焦点返回到自身。 选择后我无法设置焦点。 这种情况只发生在Boostrap上。例如,jquery自动完成功能正常。
任何人都可以帮助我吗?
由于
答案 0 :(得分:2)
在bootstrap-typeahead.js v2.3.0中进入Typeahead.prototype,“点击”功能,选择项目后,再次将焦点设置为“输入控件”。 这不是必要的。所以我删除了该代码行,现在typeahead适用于所有移动设备和平板电脑浏览器。
...
, click: function (e) {
e.stopPropagation()
e.preventDefault()
this.select()
//this.$element.focus() //I removed this line
}
...