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

标签 javascript ios safari hammer.js

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

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

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

如何防止输入获得焦点?

最佳答案

打电话

event.gesture.preventDefault();

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

http://jsfiddle.net/yYJ4P

更新

这解决了 iOS 上的问题,但没有解决 KitKat 之前的问题(它用 Chrome 替换了 WebView 并且工作正常)Android 设备。

关于javascript - Hammer.js 在点击叠加层并将其移除时将焦点设置在叠加层下方的输入上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19543284/

相关文章:

javascript - 将 typescript 与 RollUp bundle 在一起 - 无法处理编译器选项

javascript - 无法定位 jQuery 日期选择器中的元素

javascript - 浏览器将边界值 chop 为整数

javascript - 一个源代码针对多个平台(桌面,android,ios)

javascript - Safari 10 CSS.supports ('display' , 'contents' ) 返回 true 即使它不受支持?

javascript - jQuery fadeColor 问题

objective-c - UIView 动画未在值更改事件上设置动画

ios - 在 UICollectionView Xcode 中添加 subview

javascript - 使用 Javascript 检测 Safari 5

php - 带有 PHP 脚本的 HTML5 音频在 iPad/Iphone 上不起作用