Question

点击页面底部的文本输入，会出现一个虚拟键盘（如预期的那样）。问题是虚拟键盘与焦点文本输入重叠。所以当我输入时，我看不到输入的内容。我也无法进一步向下滚动到底部以查看文本框，因为页面总是快速恢复。我使用的是Phonegap 3.5和jquery 1.9.1的版本

Answer 1

我通过focusin和focusout jquery方法解决了它：

//JS : OnReady event:

var windowHeightSeventyPercent = parseInt(screen.height * 0.7); //To support multiple devices

$("input").focusin(function(){
    $("body").height($("body").height()+parseInt(windowHeightSeventyPercent)); //Make page body scroll by adding height to make user to fillup field.
});

$("input").focusout(function(){
  $("body").height($("body").height()-parseInt(windowHeightSeventyPercent));
});

<强> Please refer this thread.

Answer 2

将以下首选项添加到config.xml

<preference name="android-windowSoftInputMode" value="adjustResize|stateHidden" />

在Phonegap中一旦点击输入字段，键盘就会覆盖输入

2 个答案: