Question

我正在编写一个可在Apple和Android上运行的移动HTML5 Web应用程序。在我正在测试的Android设备上，我遇到以下问题：

我的输入网络控制文本框位于屏幕的下方50％。当焦点转到文本框时，软键盘会显示并隐藏/隐藏/隐藏用户应该输入的输入Web控件。仅当用户键入至少一个字符时，输入Web控件才会显示，并且不再隐藏在键盘下方。

我想要的是输入的字段不被键盘遮挡。当显示软键盘时，我希望输入的Web控件保持可见。

这是在运行Android 3.2版的三星平板电脑上。

请告诉我如何做到这一点。

Answer 1

解决这个android（现在也是ios7）讨厌的最简单的方法是使用输入焦点和模糊事件。如果您没有将页脚标记更改为类。

在jQuery中：

$("input").focus(function(){
    $('footer').hide();
});

$("input").blur(function(){
    $('footer').show();
});