javascript - HammerJS (v2) 滑动和平移禁用在 iOS 中触发的链接

Question

我有一个带有 HammerJS 的网页。我也在使用来自 hammerjs 网站的 Angular Directive(指令)。

我在一个元素上滑动和平移。但在这样做的过程中，它阻止了我仅在 iOS 中单击链接或表单元素。

奇怪的是，在链接上，会出现 CSS 悬停效果，但不会触发 href。同样在表单元素上，我无法选择文本框以查看闪烁的光标和键盘。

有没有人遇到过类似问题或能够帮助解决可能导致此问题的设置？

下面的代码识别滑动，并触发函数，但禁用链接触发。

<div data-hm-swipeup="doSwipeUp($event)" data-hm-swipedown="doSwipeDown($event)">
    <a href="/contact-us">Contact</a>
</div>

Answer 1

在锤子设置中，您需要:

prevent_default: false

...这将允许您通过容器传递点击。

更新:

看起来新版本的处理方式有点不同。

尝试一些事情......

引用:http://hammerjs.github.io/api/#hammer.defaultsdomEvents: false: 也许设置为 true ...

让 Hammer 也触发 DOM 事件。这有点慢，因此默认情况下禁用。如果您想使用事件委托(delegate)，建议设置为true。

预设:[....]:也许删除点击...

调用 Hammer() 时的默认识别器设置。创建新管理器时，这些将被跳过。

默认情况下，它添加了一组点击、双击、按下、水平平移和滑动以及多点触控捏合和旋转识别器。默认情况下，捏合和旋转识别器处于禁用状态，因为它们会使元素阻塞。

更新 2:

看起来这可能是处理这些 DOM 事件的一种方法......

$(element).hammer({domEvents:true}).on("tap", '.tap-object', function(event) {

...并有效地替换 anchor 的 native 处理。

或者，您可以删除 Hammer 对点击事件的识别，这应该允许 anchor 正常工作。