2

當我使用手機和平板電腦使用虛擬鍵盤時,Typeahead存在問題。使用虛擬鍵盤的自舉鍵盤無法正常工作

當我點擊typeahead控件(一個html輸入)時,虛擬鍵盤出現,我可以輸入查詢文本。然後下拉菜單顯示結果,當我選擇一個選項時,虛擬鍵盤關閉,所選選項顯示在控件中。但是立即再次顯示虛擬鍵盤,因爲焦點返回到預先控制並再次觸發輕擊事件。

Bootstrap頁面上的示例具有相同的行爲。

[編輯] 用戶必須選擇幾個選項,當選擇第一個選項時,我想在下一個選項控件中設置焦點,但是鍵入前面的焦點返回到自身。 我無法在選擇後立即設置焦點。 這只是與Boostrap發生。例如jquery自動完成工作正常。

任何人都可以幫助我嗎?

感謝

+0

但是,用戶不會只是在虛擬鍵盤上點擊「開始」,無論如何他們已經選擇了一個項目? – 2013-02-26 16:29:45

+0

用戶必須選擇幾個選項,當選擇第一個選項時,我想在下一個選項控件中設置焦點,但鍵入前將焦點返回給自己。我不能在選擇 – Gonzalo 2013-02-26 16:42:00

+0

後設置焦點這可能是有用的:https://gist.github.com/Yavari/1891669 – 2013-02-26 16:46:13

回答

2

在引導-typeahead.js V2.3.0到Typeahead.prototype,「點擊」功能,選擇一個項目後,將焦點設置「輸入控制」了。 這不是必需的。所以我刪除了該代碼行,現在typeahead在所有移動設備和平板電腦瀏覽器上都能正常工作。

... 
    , click: function (e) { 
      e.stopPropagation() 
      e.preventDefault() 
      this.select() 
      //this.$element.focus() //I removed this line 
     } 
...