在简单的触摸或点击时没有选择输入。

Question

在我的Cordova Ember应用程序(运行在Android4.4.2上)中的输入框在被触摸时不会得到关注。在搜索路径中，由于没有其他元素(所有搜索结果都是链接)，将autofocus添加到输入框可以工作。

我正在做一个登录页面。有三个输入框。不管我做什么(更多关于下面的内容)，这些框都不会专注于触摸(桌面上没有问题，因为我只需单击输入框)。

如何解决这一问题？

这些都是我尝试过的：

1. 我读了一个问题，上面说这个问题是在Cordova 2.0中解决的。我上的是3.4.1，但没有joy。
2. 如果我将自动对焦添加到输入框中，它就能工作。但是，当页面上有多个输入框时，这是毫无意义的。
3. 我读到移除 -webkit-用户-选择:无； 就能解决问题。没有。我还试着用“文字”、“全部”代替“没有”。

我发现，焦点可以通过将触点在输入上保持很短的时间而被带到输入框中。这会打开设备的复制(剪切、粘贴)接口。但是，由于这不是用户所期望的，所以我寻求一个适当的解决方案。

更新

我刚刚发现三星Galaxy S2 (Jellybean)没有问题。但在我的Moto G (KitKat)中不起作用。这是KitKat的问题吗？

解决了

正如@Trotpof所回答的，这个问题恰恰是由fastclick.js引起的。我把它拿走了一切都很完美。在打开链接方面甚至没有任何明显的延迟。

但是，我想知道为什么相同的代码在Jellybean和Kitkat中的工作方式不同。

下面是默认情况下在一个新的Cordova应用程序中提供的其余css (我删除了所有不必要的css)：

*{
  -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body{
  -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
  -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}

Answer 1

几天前我也有过同样的担心。问题在于fastclick.js脚本。我浪费了太多的时间来关注这个问题，所以我决定不再做进一步的调查，而只是不使用这个脚本。

我希望这能帮到你!