Android键盘遮挡webview中的textarea [重复]

Posted 2023-04-15

【中文标题】Android键盘遮挡webview中的textarea [重复]

【英文标题】：Android Keyboard obscuring textarea in webview [duplicate]

【发布时间】：2014-03-27 19:51:14

【问题描述】：

我正在构建一个 android 应用程序。它是一个使用 JQuery Mobile 版本 1.4.0 的 WebView 应用程序。我的应用程序设置为没有标题栏的全屏模式。在应用程序中，页面底部有一个带有文本区域的表单。当 textarea 被聚焦时，键盘会弹出，但会完全遮住 textarea，这样用户就看不到正在输入的内容。我已经读过将 windowSoftInputMode 设置为 adjustResize 应该可以解决这个问题：

android:windowSoftInputMode="adjustResize"

但它似乎不起作用。除了删除全屏选项之外，有谁知道如何解决这个问题。

【问题讨论】：

***.com/questions/19849462/…

"adjustResize" 在全屏模式下不起作用

这与我提到的问题并不完全相同，因为我的项目是一个 WebView 应用程序。问题中给出的答案似乎不适用于我的应用程序（也许我做错了什么），但是，我发现更改 Textarea 上的 CSS 可以解决问题。请参阅下面我自己的答案。

【参考方案1】：

android:windowSoftInputMode="adjustPan" 应该适合您的问题。来自文档：

相反，窗口的内容会自动平移，这样当前的焦点就不会被键盘遮挡，用户可以随时看到他们正在输入的内容

http://developer.android.com/guide/topics/manifest/activity-element.html

【讨论】：

我也应该添加这个：adjustPan 也没有效果

显然这是 android 中的一个错误，但您可以在这里找到解决方法：***.com/a/19494006/3071356

【参考方案2】：

我找到了另一个使用 CSS 对我有用的解决方案。如果我将 textarea 的高度设置为固定高度，则键盘不会遮挡 textarea：

textarea  height: 100px !important; max-height: 100px !important 

需要使用 !important 来覆盖 JQuery Mobile CSS