Android WebView HTML 会影响键盘或键盘功能吗？

Question

我有一个带有信用卡输入表单的网络视图（带有标准的<input type="text" /> 字段）。在不同版本的 Android 中，我得到不同的键盘。 Kit-Kat 在表单内似乎不显示 Prev / Next 键。

1. 在 web 端，我对此有什么影响吗？
2. 如果不是，那是什么 我应该向 Android 端的开发者推荐吗？

没有Prev / Next的例子：

相同的 webview，带有 Prev / Next：

Answer 1

您可以从 WebView 控制键盘，但正如其他答案所暗示的那样，它可能不适用于曾经制作的每个键盘。尽管如此，我通常会发现大多数主流键盘都实现了我想要的行为。

WebView 有一个名为onCreateInputConnection 的方法。您可以挂钩此方法并向inputType 和/或imeOptions 添加（和/或删除）标志。您可以使用许多标志。

查看EditorInfo 选项，尤其是IME_FLAG_NAVIGATE_NEXT 和IME_FLAG_NAVIGATE_PREVIOUS。请参阅下面的用法（从键盘选项中删除 prev/next 标志）：

@Override
public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
    InputConnection inputConnection = super.onCreateInputConnection(outAttrs);
    outAttrs.imeOptions = outAttrs.imeOptions & ~EditorInfo.IME_FLAG_NAVIGATE_NEXT &
                ~EditorInfo.IME_FLAG_NAVIGATE_PREVIOUS; 
    return inputConnection;
}

您可以尝试的另一件事是使用InputType 标志TYPE_TEXT_FLAG_NO_SUGGESTIONS 隐藏整个建议栏。请参见下面的示例（将“无建议”标志添加到输入类型）：

@Override
public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
    InputConnection inputConnection = super.onCreateInputConnection(outAttrs);
    outAttrs.inputType = outAttrs.inputType | InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS;
    return inputConnection;
}

还有许多其他标志可用于直接从 WebView 自定义 IME。将开发人员推荐给链接页面，您应该能够在大多数键盘上实现您所追求的行为。

Answer 2

你确实有一些最小的控制，但没有那么多。控件的类型（密码、数字、文本）将发送到软键盘并用于更改内容的显示方式。但是，键盘根据这些选项做出的选择是特定于键盘的——谷歌键盘的反应不同于 Swype，后者的反应不同于 Swiftkey，后者的反应不同于三星键盘等。你不能真正指望特定的行为。

Answer 3

在 Android Studio 3.0 (SDK API 26) 上试过，答案https://stackoverflow.com/a/23462658/3286489 崩溃。经过进一步搜索发现这个工作。

@Override
public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
    InputConnection inputConnection = new BaseInputConnection(this, true);
    outAttrs.imeOptions = outAttrs.imeOptions & ~EditorInfo.IME_FLAG_NAVIGATE_NEXT &
            ~EditorInfo.IME_FLAG_NAVIGATE_PREVIOUS; 
    return inputConnection;
}

和

@Override
public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
    InputConnection inputConnection = new BaseInputConnection(this, true);
    outAttrs.inputType = outAttrs.inputType | InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS;
    return inputConnection;
}