jQuery события touch left и right

897
Алексей,
jQuery события touch left и right

Задача: у древнего jQuery слайдера добавить поддержку свайп жестов, без доп. плагинов.

Задача: у древнего 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, то при вертикальном скролле будут ложные срабатывания.

Если знаете более правильно решение, дайте знать.

Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.

Опубликовано 14 марта 2022 | Обновлено 16 марта 2022
jquery, костыли, js, слайдер
Поделиться
Комментарии
❮…❯
Авторизуйтесь чтобы получать уведомления об ответе
Задача: у древнего jQuery слайдера добавить поддержку свайп жестов, без доп. плагинов.