【HarmonyOS】键盘遮挡输入框时，实现输入框显示在键盘上方

【关键字】

harmonyOS、键盘遮挡input，键盘高度监听

【写在前面】

在使用API6、API7开发HarmonyOS应用时，常出现页面中需要输入input，但是若input位置在页面下方，在input获取焦点的时候，会出现软键盘挡住input情况，对于这个问题，这里介绍如何在input获取焦点时，将input显示在键盘上方功能，键盘收起时，将input回归到原位，即如下效果：

【页面布局】

首先我们编写一个简单的页面，这里直接将页面input设置在页面底部，代码如下：

// index.html
<div class="container">
    <input onfocus="foucs" value="{
  {inputVal}}" placeholder="请输入内容"
           style="position: absolute;bottom: {
  {keybo