tinyswipe-js

Tiny Swipe (jQuery plugin)

Легкий jquery плагин для отслеживания свайпов на мобильных устройствах.

Установка

Bower

bower install tinyswipe-js

Стандартная

Скачать файл Tinyswipe.js и разместить в нужную директорию

Подключение

Подключите файл tinyswipe.js в свой проект.

PUG
script(src='./PATH/TO/tinyswipe.js')

HTML
<script src="./PATH/TO/tinyswipe.js"></script>

Иницилизация

Для подключения плагина обратитесь к элементу

// Событие начала нажатия
let touchStart = function(obj, data) {
    console.log(data);
}

// Событие свайпа
let touchMove = function(obj, data) {
    console.log(data);
}

// Событие завершения нажатия
let touchEnd = function(obj, data) {
    console.log(data);
}

// Иницилизация
$('.example').tinyswipe(touchStart, touchMove, touchEnd);

Возвращаемые данные

В каждую функцию возвращается объект (на которых происходит нажатие и свайп) и данные о событии.

// Координаты нажатия и свайпа
positions: {
    // Точки X начального нажатия
    startX: 0,
    // Точки Y начального нажатия
    startY: 0,
    // Точки X активного положения нажатия при свайпе
    activeX: 0,
    // Точки Y активного положения нажатия при свайпе
    activeY: 0,
    // Точки X завершения нажатия
    endX: 0,
    // Точки Y завершения нажатия
    endY: 0,
},

// Направление свайпа
direction: {
    left: false,
    right: false,
    top: false,
    bottom: false
},

// Время
time: {
    // Начало нажатия
    start: 0,
    // Активное время при свайпе
    active: 0,
    // Завершение нажатия
    end: 0,
},

// Типы нажатий
types: {
    // Обычное нажатие
    tap: false,
    // Долгое нажатие
    longTap: false
},

// Дистанция от начала нажатия до завершения
distance: 0