如何使用hammer.js实现两指点击

Question

我正在尝试在iOS Safari上使用Hammer.js实现两指点击，但没有成功。据我了解，如果两个手指的触摸间隔都很小，即使间隔为50ms，也会触发捏手势。

通过点击事件，我正在检查event.gesture.touches.length === 2它满足我的要求，但效率非常低。

您能帮我实现这个目标吗？

Answer 1

您可以尝试Fingers.js lib（https://github.com/paztis/fingers.js）示例页面中说明了两根手指的轻敲。您可以自定义所需的手指数量（1、2，...，甚至11）

Answer 2

我认为您必须添加一个将参数“ pointers”设置为2的敲击识别器。根据代码的组织方式，有多种配置方式。例如

var hammer = new Hammer.Manager(div, {
        recognizers: [
            // RecognizerClass, [options], [recognizeWith, ...], [requireFailure, ...]
            [Hammer.Tap, { event: 'singletap2', pointers: 2 } ],
            [Hammer.Tap, { event: 'singletap' } ],
            ...

Answer 3

var myElement = document.getElementById('pad');
var mc = new Hammer.Manager(myElement);
mc.add( new Hammer.Swipe({ event: 'a', pointers: 2,direction:2}) );


mc.on("a", function(ev) {
   alert("left 2")
});

您可以使用上面的代码来知道用两根手指向左滑动。

请参阅下面的链接以了解有关方向值的更多信息。

https://hammerjs.github.io/api/#hammer-manager