How can I prevent iPad multitasking gestures on my website

Question

I am creating a website which provides a toucharea (a table element in this case) that collects multi-touch data from the user via touchevents (touch{start,move,end}). This is working fine and I was able to prevent the site from scrolling with event.preventDefault(). Furthermore I could prevent other default actions with these css rules:

*{
-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
/* make transparent link selection, adjust last value opacity 0 to 1.0 */
-webkit-tap-highlight-color: rgba(0,0,0,0); 
-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

But I am not able to prevent the multitasking-gestures from iPad that close or switch the browser app. Does anybody know a javascript code snippet or another CSS rule that could help me here?

I'm not certain, but as those gestures are system-wide in iOS, I don't imagine you can disable them. — CherryFlavourPez, Jun 12 '13 at 13:19
Disabling actions that the user depends on/expects to be there is pretty bad practice — Jedediah, Jun 12 '13 at 13:29

score 0 · Answer 1 · answered Jun 18 '13 at 15:08

0

I'm afraid you can't, those gestures are at the OS level, and cannot be manipulated or disabled by javascript.

answered Jun 18 '13 at 15:08

Mister Epic

16,295
13
76
147

score 0 · Accepted Answer · answered Jun 18 '13 at 15:37

0

The gestures occur at the OS level, so they can’t be interfered with by JavaScript.

More generally, the multitasking gestures are unreachable from anything in the app layer, so JavaScript would be unable to get out of the browser to disable them. (Even if you wrote a native app, you can’t work around them yet.)

I’d also argue that trying to interfere with the gestures, which the user has enabled and expects to work universally, is poor practice, and should be avoided.

answered Jun 18 '13 at 15:37

alexwlchan

5,699
7
38
49

Here’s a related question discussing disabling the gestures in an app written for iOS 4.3: http://stackoverflow.com/questions/5526960/how-to-disable-4-finger-gestures-on-ipad – alexwlchan Jun 18 '13 at 15:38

How can I prevent iPad multitasking gestures on my website

2 Answers2