Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.01.2019, 09:59
Кандидат Javascript-наук
Отправить личное сообщение для Retro_1477 Посмотреть профиль Найти все сообщения от Retro_1477
 
Регистрация: 14.04.2018
Сообщений: 101

Добавление 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
  }
};
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавление события в AJAX request Влад137 Events/DOM/Window 1 24.10.2018 14:53
Добавление события нескольким элементам BorodinKO Общие вопросы Javascript 1 23.10.2012 21:38
Динамическое добавление события keydown элементу body Arigato Events/DOM/Window 3 13.12.2011 21:38
Добавление события Skipp Events/DOM/Window 23 29.06.2010 10:09
Добавление события Google-календарь InviS Серверные языки и технологии 0 04.05.2010 04:48