javascript - Hammer.js 在单击叠加层并将其删除时将焦点设置在叠加层下方的输入上

Question

当我在输入上放置一个固定的叠加层时，在叠加层上监听 Hammer.js 的点击事件，并在点击下方的输入获得焦点时将其移除。

这不会发生在 PC 上，我已经用 iPad 进行了测试，但它应该适用于其他基于 iOS（或任何触摸）的设备。

示例：http ://codepen.io/RobFox/pen/HFrfs

如何防止输入获得焦点？

Answer 1

打电话

event.gesture.preventDefault();

似乎与最新版本的 Hammer (v1.0.6dev - 2013-11-05) 一起使用。

http://jsfiddle.net/yYJ4P

更新

这解决了 iOS 上的问题，但不适用于之前的 KitKat（用 Chrome 替换 WebView 并且工作正常）Android 设备。