提问人：Obi Wan 提问时间：7/29/2013 更新时间：10/23/2013 访问量：2611
Android 软键盘遮挡了移动 HTML5 Web 应用中的输入字段
Android soft keyboard obscures input fields in mobile HTML5 web app
问：
我正在编写一个移动 HTML5 Web 应用程序，可以在 Apple 和 Android 上运行。在我正在测试的 Android 设备上，我遇到了以下问题：
我有一个输入 Web 控件文本框，位于屏幕的下部 50%。当焦点转到文本框时，将显示软键盘，并遮挡/覆盖/隐藏用户应键入的输入 Web 控件。只有当用户键入至少一个字符时，输入 Web 控件才会变得可见，并且不再隐藏在键盘下方。
我想要的是输入的字段不会被键盘遮挡。显示软键盘时，我希望输入 Web 控件保持可见。
这是在运行 Android 3.2 版的三星平板电脑上。
请告诉我如何做到这一点。
答：
-2赞
tnt-rox
10/9/2013
#1
解决这个 android（现在也是 ios7）讨厌的最简单方法是使用输入焦点和模糊事件。如果您没有页脚标记，请更改为类。
在jQuery中：
$("input").focus(function(){
$('footer').hide();
});
$("input").blur(function(){
$('footer').show();
});
评论
0赞
kaiser
1/29/2018
任何解释一下你的代码应该做什么吗？为什么在隐藏任何组件时输入会变得可见？
评论