jQuery события touch left и right
Задача: у древнего jQuery слайдера добавить поддержку свайп жестов, без доп. плагинов.
Пример кода:
let txStart = 0, txEnd= 0; $('.slider').on('touchstart', function (e) { txStart = e.changedTouches[0].screenX; }).on('touchend', function (e) { txEnd = e.changedTouches[0].screenX; if (txStart-txEnd > 20) { #go next slide } else if (txEnd-txStart > 20) { #go prev slide } });
20 - это расстояние в пикселях которое должен пройти палец для срабатывания. Если просто сравнивать два значения touchstart и touchend, то при вертикальном скролле будут ложные срабатывания.
Если знаете более правильно решение, дайте знать.
Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.