javascript - iOS 网络应用程序 : disable autofocus on input text field

Question

我有一个简单的 iOS 网络应用问题。

当您创建输入文本字段时，用户单击文本字段，移动版 Safari 将自动聚焦输入字段，自动将用户单击的输入字段移动到屏幕中央。可视键盘将 Canvas 推到顶部或左侧或任何可以让输入字段居中的空间。

好吧，我想做的是禁用输入字段上的自动对焦，以便用户单击输入字段， Canvas 根本不会移动或动画， Canvas 像固定一样停留在屏幕上，而可视键盘可能会重叠输入字段。(尝试通过 Javascript 或 CSS 实现)

Answer 1

我之前遇到过这个问题，固定大小的网络应用程序(为 iPad 构建)被浏览器部分滚动到 View 之外，因为它试图将文本字段置于 View 的中心。

在表单的父元素之一上设置“position:fixed”可以防止这种情况发生。 'position:absolute' 允许移动。根据您的布局，将表单设置为“position:fixed”可能会对您有所帮助。

position: fixed;

---

编辑:在固定大小的 iOS 网络应用程序上处理表单的另一件事:当文本字段处于事件状态时，如果用户拖动手指，则可能会在屏幕上移动整个固定元素(基本上滚动您不打算滚动的 UI)。如果您发现发生这种情况，您可以向表单添加一个 touchmove 事件处理程序并阻止默认操作。

//jQuery:
$('#myForm').bind('touchmove', function(ev) { ev.preventDefault(); });
// Or not:
document.getElementById('myForm').addEventListener(
    "touchmove",
    function(ev) {
        ev.preventDefault();
    },
    false
);