Eventos de captura táctil swipe en la aplicación web-Swipy
| Autor: | whiteCube |
|---|---|
| Views Total: | 655 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 21, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Swipy es un pequeño complemento de JavaScript para la aplicación web multiplataforma que detecta los eventos de gestos de deslizamiento táctil y desencadena eventos cuando un elemento se desliza en dispositivos táctiles.
Funcionamiento
Instale e importe el módulo Swipy.
# Yarn $ yarn add swipyjs # NPM $ npm install swipyjs --save
O incluya el archivo JavaScript cumplido en la página.
<script src="dist/swipy.js"></script>
Capture los eventos de deslizamiento táctil en un elemento específico.
let swipy = new Swipy(document.getElementById('demo')); Desencadena eventos en swipeLeft, swipeRight, swipeTop y swipeBottom.
/* callback =
{
down: {x: null, y: null},
up: {x: null, y: null},
diff: {x: null, y: null}
}
*/
swipy.on('swipeleft', function(event, callback) {
console.log('Swiped to the left!');
});
swipy.on('swipetop', function(event, callback) {
console.log('Swiped to the top!');
});
swipy.on('swiperight', function(event, callback) {
console.log('Swiped to the right!');
});
swipy.on('swipebottom', function(event, callback) {
console.log('Swiped to the bottom!');
}); Registro de cambios
12/21/2018
- v0.0.5
