javascript - 处理虚拟键盘弹出窗口

我正在使用js，jquery，bootstrap构建一个Web应用程序。我在页面底部有一个输入字段。当android键盘弹出时，我再也看不到输入字段。我已经阅读了很多解决方案，但是所有解决方案都使用以下事实：键盘弹出时，窗口大小会改变。但这不起作用。

alert($(window).height());

$('input').focus(
  setTimeout(function(){
    alert($(window).height());        
  }, 3000)
)

两个警报都显示相同的像素大小。我希望键盘打开和关闭时，页面可以上下滚动。但是如何在不知道键盘何时关闭的情况下实现这一目标？

HTML代码：

<!DOCTYPE html>
<html>
<head></head>
<body>
    <input style="position: absolute; bottom: 20px;">
</body>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="test.js"></script>
</html>

处理虚拟键盘弹出窗口

0 个答案: