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

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.