Detectar eventos de deslizar el dedo con JavaScript-eventos swiped-
| Autor: | john-doherty |
|---|---|
| Views Total: | 2,585 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 20, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Pure-swipe es una biblioteca de detección de eventos swipe basada en JavaScript que añade eventos perdidos a la izquierda, swiped-Right, swiped-up y swiped-down a la addEventListener () API.
Funcionamiento
Descargue e importe el archivo JavaScript Pure-swipe. js en el documento.
<script src="src/pure-swipe.js"></script>
Especifique los tipos de eventos que desea escuchar.
// swiped-left
document.addEventListener('swiped-left', function(e) {
// ...
});
// swiped-right
document.addEventListener('swiped-right', function(e) {
// ...
});
// swiped-up
document.addEventListener('swiped-up', function(e) {
// ...
});
// swiped-down
document.addEventListener('swiped-down', function(e) {
// ...
}); Personalice el barrido puro a través de los atributos de datos HTML5 de la siguiente manera:
- datos-swipe-umbral: establecer la distancia que el usuario debe deslizar antes de que se considera un golpe
- swipe-timeout: timeout en milisegundos
- ignorar: desactivar la detección de eventos en este elemento?
<div data-swipe-threshold="20" data-swipe-timeout="500" data-swipe-ignore="false"> Swipe me </div>
Registro de cambios
03/20/2018
- Ajustes
02/02/2018
- renombrado a eventos de swiped-Events
09/24/2018
- Bugfix
05/26/2018
- v1.0.0
