Sometimes, we want to implement swipe gestures for mobile devices with JavaScript.
In this article, we’ll look at how to implement swipe gestures for mobile devices with JavaScript.
How to implement swipe gestures for mobile devices with JavaScript?
To implement swipe gestures for mobile devices with JavaScript, we use hammerjs.
To add it, we add a script tag with https://hammerjs.github.io/dist/hammer.min.js as the src attribute value.
Then we write
const hammertime = new Hammer(myElement, myOptions);
hammertime.on("swipe", (ev) => {
console.log(ev);
});
to create a Hammer
object with the myElement
that we want to listen to events for and then call on
to listen to the 'swipe'
event.
Conclusion
To implement swipe gestures for mobile devices with JavaScript, we use hammerjs.