使用虚拟键盘的Bootstrap typeahead无法正常工作

时间:2013-02-26 16:26:12

标签: jquery twitter-bootstrap virtual-keyboard mobile-browser bootstrap-typeahead

当我使用带虚拟键盘的手机和平板电脑时,我遇到了Typeahead的问题。

当我点击预先输入控件(html输入)时,会出现虚拟键盘,我可以输入查询文本。然后下拉列表显示结果,当我选择一个选项时,虚拟键盘将关闭,所选选项将显示在控件中。但是,重新显示虚拟键盘,因为焦点会返回到预先控制并再次触发点击事件。

Bootstrap页面上的示例具有相同的行为。

[编辑] 用户必须选择多个选项,当选择第一个选项时,我想在下一个选项控件中设置焦点,但是typeahead将焦点返回到自身。 选择后我无法设置焦点。 这种情况只发生在Boostrap上。例如,jquery自动完成功能正常。

任何人都可以帮助我吗?

由于

1 个答案:

答案 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
      }
...