Javascript-форум (https://javascript.ru/forum/)
-   Мобильный JavaScript (https://javascript.ru/forum/mobile/)
-   -   Добавление swipe события (https://javascript.ru/forum/mobile/76463-dobavlenie-swipe-sobytiya.html)

Retro_1477 14.01.2019 08:59

Добавление swipe события
 
Подскажите как можно доработать мой код, чтобы он отслеживал свайп вниз и вверх? Также я наткнулся на библиотеку Hammer.js, с ней будет легче реализовать данную идею?

var 
    button1=false, //нажатие на левую часть экрана
    button2=false, //нажатие на правую часть экрана
    button3=false, // свайп вверх 
    button4=false;//свайп вниз

var el = document.getElementsByTagName('body')[0];

el.addEventListener("touchstart", handler, false);
el.addEventListener("touchend", handleEnd, false);
el.addEventListener("touchmove", handler, false);

function handler(e) {
  button2 = !(button1 = (window.innerWidth / 2) < e.changedTouches[0].pageX);
};

function handleEnd(e) {
  var touches = e.changedTouches;
  if (window.innerWidth / 2 < touches[0].pageX)
    button1 = false;
  button2 = false;
  if (window.innerWidth / 2 > touches[0].pageX) {
    button2 = false;
    button1 = false
  }
};


Часовой пояс GMT +3, время: 23:04.