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

Hammer.js sets focus on input underneath an overlay when clicking on overlay and removing it

本文关键字:叠加 设置 焦点 输入 删除 单击 js Hammer      更新时间:2023-09-26

当我在输入上放置固定叠加层时,请收听叠加层上的 Hammer.js 点击事件,并在点击下方的输入时将其删除。

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

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

如何防止输入获得焦点?

调用

event.gesture.preventDefault();

似乎与最新版本的 Hammer (v1.0.6dev - 2013-11-05) 一起做这个技巧。

http://jsfiddle.net/yYJ4P

更新

这修复了iOS上的问题,但不能修复Pre KitKat(用Chrome取代WebView并且工作正常)Android设备上的问题。