javascript - Disabling swipe right to previous page on Windows Phone - Stack Overflow

admin管理员组

文章数量:1023827

I'm trying to use / to implement swiping on a Meteor app to shift between templates in Iron Router.

It works beautifully on iOS and Android but on Windows Phone, the OS' native swipe gesture (swiping right in the browser moves one page back in history) interferes with the user's swiping action.

Is there any way I can disable this?

Also which other platforms have similar functionality which would prevent the user from swiping in the web app effectively?

As an example, this app also uses the same library to implement swipe gestures.

Note: Using touch-action: none on the body tag does not work.

I'm trying to use http://wipetouch.codeplex./ to implement swiping on a Meteor app to shift between templates in Iron Router.

It works beautifully on iOS and Android but on Windows Phone, the OS' native swipe gesture (swiping right in the browser moves one page back in history) interferes with the user's swiping action.

Is there any way I can disable this?

Also which other platforms have similar functionality which would prevent the user from swiping in the web app effectively?

As an example, this app also uses the same library to implement swipe gestures.

Note: Using touch-action: none on the body tag does not work.

• javascript
• jquery
• meteor
• touch

Share Improve this question Follow edited Nov 14, 2014 at 5:39 royhowie 11.2k1414 gold badges5353 silver badges6767 bronze badges asked Nov 5, 2014 at 18:05 SiddharthSiddharth 1,16633 gold badges1515 silver badges2929 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7 +500

I encountered the same problem on a little web application : it which was a scratch game, where the player had to swipe the finger all over the "scratchable" zone to discover what he had won.

The game was supposed to run on Windows 8.1 tablets, with IE10 on it.

We put in the css this snippet :

*{
    touch-action: none;
}

The result is to pletely deactivate any touch events on the app (including the swipe backward / forward).

But we had to reactivate the touch event only on the scratch zone, to allow the player to play :)

For this we had to add this :

#playzone{
    touch-action: chained;
}

The app still works perfectly, both on IE10 on tablets but also on Windows Phone 8.1.

(please forgive my English, it's not my mother tongue)

EDIT : After having tested more on IE, it seems that adding the touch-action:none; on the html element is enough to achieve what the OP wanted.

I'm trying to use / to implement swiping on a Meteor app to shift between templates in Iron Router.

It works beautifully on iOS and Android but on Windows Phone, the OS' native swipe gesture (swiping right in the browser moves one page back in history) interferes with the user's swiping action.

Is there any way I can disable this?

Also which other platforms have similar functionality which would prevent the user from swiping in the web app effectively?

As an example, this app also uses the same library to implement swipe gestures.

Note: Using touch-action: none on the body tag does not work.

I'm trying to use http://wipetouch.codeplex./ to implement swiping on a Meteor app to shift between templates in Iron Router.

It works beautifully on iOS and Android but on Windows Phone, the OS' native swipe gesture (swiping right in the browser moves one page back in history) interferes with the user's swiping action.

Is there any way I can disable this?

Also which other platforms have similar functionality which would prevent the user from swiping in the web app effectively?

As an example, this app also uses the same library to implement swipe gestures.

Note: Using touch-action: none on the body tag does not work.

• javascript
• jquery
• meteor
• touch

Share Improve this question Follow edited Nov 14, 2014 at 5:39 royhowie 11.2k1414 gold badges5353 silver badges6767 bronze badges asked Nov 5, 2014 at 18:05 SiddharthSiddharth 1,16633 gold badges1515 silver badges2929 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7 +500

I encountered the same problem on a little web application : it which was a scratch game, where the player had to swipe the finger all over the "scratchable" zone to discover what he had won.

The game was supposed to run on Windows 8.1 tablets, with IE10 on it.

We put in the css this snippet :

*{
    touch-action: none;
}

The result is to pletely deactivate any touch events on the app (including the swipe backward / forward).

But we had to reactivate the touch event only on the scratch zone, to allow the player to play :)

For this we had to add this :

#playzone{
    touch-action: chained;
}

The app still works perfectly, both on IE10 on tablets but also on Windows Phone 8.1.

(please forgive my English, it's not my mother tongue)

EDIT : After having tested more on IE, it seems that adding the touch-action:none; on the html element is enough to achieve what the OP wanted.

本文标签： javascriptDisabling swipe right to previous page on Windows PhoneStack Overflow