vanilla-touchswipe
TypeScript icon, indicating that this package has built-in type declarations

0.0.3 • Public • Published

Welcome to vanilla-touchswipe 👋

Version Documentation Maintenance License: ISC

A simple touchEvent working with mouseevent on desktop and touchevent on touchable devices

🏠 Homepage

Usage

import onTouchSwipe from 'vanilla-touchswipe';

const $wrapper = document.querySelector('.swiper-element');

const touchSwipeEvents = onTouchSwipe($wrapper, {
    min: 60,            // if horizontal swipe trigger move left only if deltaX > 60
    multiplicator: 0.5, // if deltaX = 120 triger horizontal swipe only if deltaY = 0.5 * deltaX
    callbacks: {
        left: (e) => console.log('swipe left', e),
        right: (e) => console.log('swipe right', e),
        start: (e) => console.log('swipe start', e),
        move: (e) => console.log('swipe move', e),
        end: (e) => console.log('swipe end', e),
        cancel: (e) => console.log('swipe cancel', e)
    }
});

// unbind events
touchSwipeEvents.unbind();

Author

👤 Maxime Lerouge

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2024 Maxime Lerouge.
This project is MIT licensed.


This README was generated with ❤️ by readme-md-generator

Package Sidebar

Install

npm i vanilla-touchswipe

Weekly Downloads

0

Version

0.0.3

License

MIT

Unpacked Size

26.7 kB

Total Files

14

Last publish

Collaborators

  • macsim