JQuery Mobile Swipe events on Windows Phone

Question

I'm using JQuery Mobile for recognizing swipe events and it works well. Events fire on Windows Mobile (7.5 in my case), but what also fires is the web browser's default events for navigating the browsing history. Swiping right turns back a page. How can I prevent this default behavior?

I tried the preventDefault() and it didn't help here.

Answer 1

It will deactivate the touch:-

Add CSS snippets:

*{
    touch-action: none;
}

But to reactivate the touch event only on the some zone, to allow the player to play or active the touch

To activate for certain places add this :-

#activetouch{
    touch-action: chained;
}

Reference:https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action