How do I override browser swipe gestures to implement on-page swipe gestures in JavaScript?
I've developed a site which uses left and right swipe gestures implemented in JavaScript to scroll through a carousel. However, these are ignored and are interpreted as usual by Firefox, showing either the tabs or navigation sidebar (right and left swipes respectively). Is there any way of overriding this behaviour?
Novain'i scratchresistor t@
All Replies (1)
You will need to use touch events to listen for swiping in mobile browsers:
https://developer.mozilla.org/en/DOM/Touch_events
If you call preventDefault() on the touchstart event, it will prevent the browser from scrolling the content.