sequential-touch.css

.wrapper {
  height: 100vh;
  width: 100vw;
  background-color: green;
}

sequential-touch.html

<div class="wrapper"></div>

sequential-touch.js

var el = document.querySelector('.wrapper');
var touchDetector = new Hammer(el);

touchDetector.get('swipe').set({ 
  direction: Hammer.DIRECTION_VERTICAL
});

touchDetector.get('press').set({ 
  time: 1000
});

function removeSecondListener() {
  console.log('second listener removed');
  touchDetector.off('press', secondGesture);
}

var timeoutForSecondGesture;

function firstGesture(e) {
  touchDetector.on('press', secondGesture);
  timeoutForSecondGesture = setTimeout(removeSecondListener, 2000);
}

function secondGesture(e) {
  clearTimeout(timeoutForSecondGesture);
  console.log(e);
  removeSecondListener();
}

touchDetector.on('swipeup', firstGesture);