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

Posted

技术标签:

【中文标题】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

【讨论】:

以上是关于Android键盘遮挡webview中的textarea [重复]的主要内容,如果未能解决你的问题,请参考以下文章

Android WebView中软键盘会遮挡输入框相关问题

安卓webview中键盘遮挡输入框如何解决

iOS webview html5 移动端 软键盘弹起遮挡输入框

安卓手机底部输入框被软键盘遮挡的坑

2020-09-18 设置沉浸式状态栏,WebView底部输入框被键盘挡住问题

Android实战开发篇 Android软键盘遮挡的解决方案