HammerJS 2.0에서 이벤트를 수동으로 트리거

Question

HammerJS에서 수동으로 이벤트를 실행하려고했지만 현재 진행 상황을 볼 수 없습니다. 또한 버전 1의 HammerJS 문서 wiki 링크가 있습니다.

HammerJS 2.0을 사용하여 수동으로 이벤트를 발생시키는 방법을 알려줄 수 있습니까?

Answer 1

이것은 HammerJS tests이 터치 이벤트를 발생시키는 방법입니다.

dispatchTouchEvent(element, 'start', 50, 50); 
dispatchTouchEvent(element, 'end', 50, 50); 

또는 팬 :

function createTouchEvent (name, x, y, identifier) { 
    var event = document.createEvent('Event'); 
    event.initEvent('touch' + name, true, true); 

    event.touches = event.targetTouches = [{ 
     clientX: x, 
     clientY: y, 
     identifier: identifier || 0 
    }]; 

    //https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent.changedTouches 
    event.changedTouches = [{ 
     clientX: x, 
     clientY: y, 
     identifier: identifier || 0 
    }]; 

    return event; 
} 

function dispatchTouchEvent (el, name, x, y, identifier) { 
    var event = createTouchEvent(name, x, y, identifier); 
    el.dispatchEvent(event); 
} 

당신은 예를 들어 탭을 해고 할 수

dispatchTouchEvent(element, 'start', 50, 50); 
dispatchTouchEvent(element, 'move', 70, 50); 
dispatchTouchEvent(element, 'end', 70, 50);