輸入後立即失去了重點後點擊Android

我想解決一個問題，在Android手機上，當我點擊我的輸入框，它立即失去了重點。我正在使用twitter-typeahead庫來爲輸入框供電。輸入後立即失去了重點後點擊Android

的一連串事件是：

我的輸入框
輸入框漲勢暫時專注點擊（TAP），並觸發click事件
輸入框失去焦點

以下是我試過的：

使用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 
    });

結果觸發一個焦點事件：同上

有沒有人有任何其他解決方案讓我試試？

來源

2017-05-04 a53-416

鍵盤是否也消失？ – mastermind

你使用jQuery的手機？ – mastermind

我有這個完全相同的問題。我一整天都在戰鬥。鍵盤在iOS上保持打開狀態嗎？我的問題只在Android上。另外，你會碰巧使用jQuery jscrollpane庫嗎？ – tsteve

我剛解決了一個類似的問題，只在腳本是絕對必要的頁面上包含導致問題的腳本（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; 
}

最後，兩天後，問題得到解決。

來源

2017-05-05 16:29:16 tsteve

輸入後立即失去了重點後點擊Android

回答

相關問題