0.1.0 • Published 7 years ago
tinyswipe-js v0.1.0
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
0.1.0
7 years ago