vue解决安卓手机软键盘d出,页面高度被顶起

在进行聊天界面开发的时候，发现安卓手机键盘会把界面顶起，但是不会收回来，在网上找到了这个方法解决

之前我是在mounted中根据documentactiveElementtagName的值判断是否为INPUT去改变键盘d起的高度

但是在下方加了一个按钮之后，发现点击语音按钮后再切换到输入框，

documentactiveElementtagName的值变成BODY了，查找资料发现

所以此方法在点击语音后再也调用不起来，困扰了一天的问题，记录一下

在 Androidmanifestxml 中，设置软键盘的属性，比较常用的有，adjustPan 和 adjustResize。那么这两个是什么意思呢？adjust 是一个动词，表示调整、适应，那么是谁调整、适应谁呢？

一个 Activity 的布局如下所示：DecorView 中包含 ContentView，ContentView 就是我们自己的内容。这里的 adjust，就是指 ContentView 调整，适应 软键盘。当设置为 adjustPan 时，表示ConteView 适应软键盘，当软键盘打开时，ContentView 往上滑动，给软键盘腾出空间。当设置为 adjustResize 时，表示对 ContentView 的宽高进行调整，缩小ContentView 的高度，给软键盘腾出空间。这种情况下，可能会挡住Activity 底下的内容。

HTML页面 input框获取焦点的时候会被键盘挡住是因为键盘高度设置不当导致。

解决办法：把键盘高度设置一下 或者把手机键盘设置成悬浮状态。

获取输入法高度的方法：

当d出输入法时，在html页面上，webview的高度会自动减少，留出空间给软键盘。

那么输入法高度=屏幕高度-状态栏高度-webview高度

在小米note上，默认输入法高度是 863px。

思路：

输入框获得焦点时，d出一个div，这个div上有键盘上的各个按钮（最好按现实中键盘那样排列展示），当用户用鼠标点击div上的各个按钮时，给输入框里的值加上点击的这个按钮代表的值，时区焦点或者不需要软键盘输入时，关闭这个div

以上就是关于vue解决安卓手机软键盘d出,页面高度被顶起全部的内容，包括:vue解决安卓手机软键盘d出,页面高度被顶起、Android 软键盘的属性、HTML页面 input框获取焦点的时候会被键盘挡住 怎么解决等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！