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

"포인터"매개 변수가 2로 설정된 탭 인식기를 추가해야한다고 생각합니다. 코드에 따라 구성되어 있다면 여러 가지 방법으로 구성 할 수 있습니다. 예 :

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