單擊Android后，輸入立即失去焦點

Question

我正在嘗試解決一個問題，在Android手機上，當我點擊輸入框時，它會立即失去焦點。 我正在使用twitter-typeahead庫為輸入框供電。

事件鏈是：

1. 點擊我的輸入框
2. 輸入框會立即獲得焦點，並觸發click事件
3. 輸入框失去焦點

這是我嘗試過的：

在點擊處理程序中使用preventDefault和preventPropogation

myInput.on('click', function(e){
        e.preventDefault();
        e.preventPropogation();
    });

結果：無效果（輸入框仍然失去焦點）

2.在點擊處理程序中觸發焦點事件

myInput.on('click', function(e){
        myInput.focus()
        // setTimeout(function() { myInput.focus() }, 250); // or this
    });

結果：同上

有人還有其他解決方案可供我嘗試嗎？

Answer 1

我只是通過在絕對需要該腳本的頁面上包含一個導致該問題的腳本（jquery jscrollpane）來解決了類似的問題。

此外，還有一個div的位置：已修復，這導致了問題。 我將以下內容添加到CSS中的div中：

.top-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 60px;
  background-color: white;
  /* Add these below. Important part. */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

終於，兩天后，問題得以解決。