xwiper

Swipe handler, support all browser

Usage no npm install needed!

<script type="module">
  import xwiper from 'https://cdn.skypack.dev/xwiper';
</script>

README

Xwiper

NPM

install size dependencies

Version License Downloads

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