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

时间:2012-07-11 08:36:35

标签: javascript css ios webkit mobile-safari

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

对于一个额外的问题,当按下输入或检查按下完成按钮时,是否有任何方法可以使键盘消失?

谢谢!

1 个答案:

答案 0 :(得分:2)

将此添加到标题中:

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

这样可以防止对焦变焦。如果没有帮助,请尝试添加user-scalable = no。

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

element.blur();