锤子.js滑动禁用本机捏合缩放

hammer.js swipe disabling native pinch to zoom

本文关键字：本机 缩放 js 锤子      更新时间：2023-09-26

是否可以在使用 hammerjs 识别滑动手势的同时在触摸设备上使用本机"捏合缩放"？

我希望用户能够放大图库中的图像（就像他们在本地可以 hammer 事件处理程序未绑定时一样）并滑动以显示上一个或下一个图像。

hammertime.on('swipe', function(ev) {
    if (ev.direction === 2) {
        nextImage();
    } else if (ev.direction === 4) {
        prevImage();
    }
});

解决方案是使用 touchAction = 'auto'

var hammertime = new Hammer(galleryEl, {touchAction : 'auto'});

在执行此操作之前，请务必阅读 http://hammerjs.github.io/touch-action/

当您将触摸操作设置为自动时，它不会阻止任何默认值，并且 Hammer 可能会中断。您必须手动调用 preventDefault 才能解决此问题。只有当你知道自己在做什么时，你才应该使用它。

相关文章：