android webview页面下方有input输入框，键盘弹起上滑无法拖动，导致输入内容也无法看

hosition 发布于2019-08-02 10:57 / 1964人阅读

摘要：出现这种问题的原因是因为客户端为了沉浸式状态栏设置了全屏，导致的属性无效。出现此类问题可以把问题可能的原因提给客户端同事，请客户端帮忙解决。

在手机端页面中有input输入框，输入框聚焦的时候会弹出键盘，如果input在页面的中下部，弹出的键盘会覆盖住input输入框，这个时候输入内容通常都是看不见的，用户看不到自己输入自己已经输入的内容这种体验非常的不好，如下图两张图对比：

观察上图：
图一、图二聚焦在“联系电话”
但是图二此时输入内容无法看到并且不能向上滑动导致体验上很不友好。
出现这种问题的原因是因为客户端为了沉浸式状态栏设置了全屏，导致activity的adjustResize属性无效。可以请客户端的同事做相应的修改：

改为非沉浸式状态栏，设置状态栏的颜色与页面头部颜色一样

AndroidBug5497Workaround解决方案

应该还会有更多的解决方案。
出现此类问题可以把问题可能的原因提给客户端同事，请客户端帮忙解决。

云服务器 GPU云服务器 webview输入框键盘遮挡输入框 js正则input输入框 html输入框键盘

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/52666.html

可能这些是你想要的H5软键盘兼容方案

摘要：然而，并没有直接监听软键盘的原生事件，只能通过软键盘弹起或收起，引发页面其他方面的表现间接监听，曲线救国。软键盘收起表现触发输入框以外的区域时，输入框失去焦点，软键盘收起。可以让软键盘弹起后，让焦点元素再次滚到可视区，强迫滚到位。前言最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从...

stackvoid 2019-08-23 17:05 评论0 收藏0
如何用 js 获取虚拟键盘高度？（适用所有平台）

摘要：前言这是一个存在很久的历史问题了，对于这样一个具有普遍性的问题浏览器偏偏没有给出解决方案，没有方案还聊个什么别急，别急，接下来我们一起来扒一扒关于软键盘高度和的问题我们先来看一个短片认识一下这个问题问题描述当操作者进行输入操作的时候，弹起的前言这是一个存在很久的历史问题了，对于这样一个具有普遍性的问题浏览器偏偏没有给出解决方案，what？没有方案还聊个什么？别急，别急，接下来我们...

terro 2019-08-22 10:54 评论0 收藏0