Detecte la dirección de deslizamiento táctil en JavaScript-touchSweep

Tiempo de ejecución: 30 minutos. Empezar

Autor: scriptex
Views Total: 693
Sitio oficial: Ir a la web
Actualizado: March 2, 2019
Licencia: MIT

Vista prévia

Detecte la dirección de deslizamiento táctil en JavaScript-touchSweep

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

Te puede interesar: