Home

Awesome

Xwiper

NPM

install size dependencies

<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);