单击Android后输入立即失去焦点

Question

我试图解决Android手机上的问题，当我点击我的输入框时，它会立即失去焦点。我正在使用twitter-typeahead库为输入框供电。

事件链是：

1. 点击（点按）我的输入框
2. 输入框暂时获得焦点，并触发点击事件
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中添加了以下内容：

.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;
}

最后，两天后，问题得到解决。