html - 如何在我的网站上阻止 iPad 多任务处理手势

Question

我正在创建一个提供触摸区域(在本例中为表格元素)的网站，该网站通过 touchevents(touch{start,move,end})从用户收集多点触摸数据。这工作正常，我能够使用 event.preventDefault() 阻止网站滚动。此外，我可以使用这些 css 规则阻止其他默认操作:

*{
-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);
}

但我无法阻止 iPad 关闭或切换浏览器应用程序的多任务处理手势。有人知道可以在这里帮助我的 javascript 代码片段或其他 CSS 规则吗？

Answer 1

手势发生在操作系统级别，因此它们不会受到 JavaScript 的干扰。

更一般地说，应用层中的任何东西都无法访问多任务手势，因此 JavaScript 无法离开浏览器来禁用它们。 (即使您编写了 native 应用程序，您也无法绕过它们。)

我还认为，试图干扰用户已启用并期望通用的手势是不好的做法，应该避免。