Awesome
Xwiper
<a href="https://www.npmjs.com/package/xwiper"> <img src="https://img.shields.io/npm/v/xwiper.svg" alt="Version"> </a> <a href="https://www.npmjs.com/package/xwiper"> <img src="https://img.shields.io/npm/l/xwiper.svg" alt="License"> </a> <a href="https://www.npmjs.com/package/xwiper"> <img src="https://img.shields.io/npm/dm/xwiper.svg" alt="Downloads"> </a>Swipe handler, support all browser
Install
npm install xwiper --save
How to use
import Xwiper from 'xwiper';
const xwiper = new Xwiper('.slider');
xwiper.onSwipeLeft(() => console.log('swipe left'));
xwiper.onSwipeRight(() => console.log('swipe right'));
xwiper.onSwipeUp(() => console.log('swipe up'));
xwiper.onSwipeDown(() => console.log('swipe down'));
xwiper.onTap(() => console.log('tap'));
// Remove listener
xwiper.destroy();
Advance
You can use element instance
const slider = document.querySelector('.slider');
const xwiper = new Xwiper(slider);