A simple touchEvent working with mouseevent on desktop and touchevent on touchable devices
🏠 Homepage
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();
👤 Maxime Lerouge
- Github: @macsim1982
Give a ⭐️ if this project helped you!
Copyright © 2024 Maxime Lerouge.
This project is MIT licensed.
This README was generated with ❤️ by readme-md-generator