Detecte la dirección de deslizamiento táctil en JavaScript-touchSweep
| Autor: | scriptex |
|---|---|
| Views Total: | 693 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 2, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
touchSweep es una biblioteca de JavaScript para la aplicación móvil que detecta la dirección de deslizamiento y desencadena ciertas funciones a medida que toca y deslizar en la pantalla.
Funcionamiento
Instale e importe la biblioteca touchSweep en el proyecto.
# Yarn $ yarn add touchsweep # NPM $ npm install touchsweep --save
Inicializar la biblioteca en el elemento de destino donde desea detectar la dirección de deslizamiento.
const el = document.getElementById('touchswipe');
const data = {
value: 1
};
const threshold = 20;
new TouchSweep(el, data, threshold); Enlazar eventos personalizados a la deslizar & eventos de TAP.
el.addEventListener('swipeleft', event => {
// event.detail
});
el.addEventListener('swiperight', event => {
// event.detail
});
el.addEventListener('swipedown', event => {
// event.detail
});
el.addEventListener('swipeup', event => {
// event.detail
});
el.addEventListener('tap', event => {
// event.detail
}); Registro de cambios
v7.3.4 (03/02/2019)
- actualizar
