javascript - 弹出虚拟键盘时如何在 iOS 浏览器上重新定位视图？

Question

我正在做一个与 iphone 短信风格有些相似（不是真正的克隆）的聊天室，但是当我在实际的移动设备上使用时，文本输入会在屏幕上居中并放大，这对于这些设备来说是不切实际的。如何使文本输入更接近（或更好地位于下方）虚拟键盘，而不是在屏幕中居中。我没有任何非 ios 设备可以尝试此操作，但我认为其他 webkit 移动浏览器也会出现类似问题。

对于一个额外的问题，有什么方法可以让键盘在按下 enter 时消失或检查是否按下了 done 按钮？

谢谢！

Answer 1

将此添加到您的标题中：

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

这将防止放大聚焦。如果没有帮助，请尝试添加 user-scalable=no 。

至于隐藏键盘，您需要做的就是强制输入失去焦点。

element.blur();