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

Posted 2023-03-14

【中文标题】弹出虚拟键盘时如何在 iOS 浏览器上重新定位视图？

【英文标题】：how do i reposition the view on an iOS browser when the virtual keyboard pops up?

【发布时间】：2012-07-11 08:36:34

【问题描述】：

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

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

谢谢！

【参考方案1】：

将此添加到您的标题中：

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

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

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

element.blur();