Phonegap iOS - 防止在输入焦点上滚动

Question

我正在使用Phonegap创建一个iPad应用程序.该应用程序具有固定的横向方向和沿顶部运行的菜单,右上方有一个文本框.该应用程序是固定(全屏)尺寸,不需要滚动.

当用户触摸iOS 6右上角显示的文本框时,整个应用程序向左滑动,以便将文本框放在屏幕中央,向左推动整个应用程序并在右侧留下空白区域.

我该如何防止这种行为？

我目前将UIWebViewBounce设置为NO并使用以下代码来捕获touchstart事件:

document.body.addEventListener('touchmove', function(e) {
    e.preventDefault();
}, false);

我也在文本框本身上有这个,这似乎适用于iOS 5(尽管有口吃),但不适用于iOS 6:

$('#searchText').on("focus", function(event) {
    window.scrollTo(0, 0);
});

任何帮助非常感谢.

Answer 1

尝试将以下 css 样式添加到您的 body 元素中：

-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none;
 user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);

它阻止用户选择链接和其他内容。也许这对你有帮助。