如何在Android WebView的空输入框中调用剪贴板管理器粘贴文本

1. 是否需要实现onLongClick监听 #

需要。Android系统WebView默认交互逻辑仅在输入框存在已输入/选中内容时，长按才会唤起系统剪贴板菜单，输入框为空时不会触发该默认行为，因此需要自定义长按监听补充粘贴能力。如果WebView仅加载可控的自有前端页面，也可选择前端方案替代原生监听。

2. 调用Android Clipboard Manager的最简实现代码 #

前置说明 #

• Android 10及以上版本应用在前台时读取剪贴板无需额外权限，低版本也无需申请特殊权限
• 代码基于Kotlin实现，适配绝大多数场景

webView.setOnLongClickListener { view ->
    val webView = view as WebView
    // 校验长按位置为输入框区域
    if (webView.hitTestResult.type == WebView.HitTestResult.EDIT_TEXT_TYPE) {
        val clipboard = getSystemService(CLIPBOARD_SERVICE) as android.content.ClipboardManager
        // 剪贴板存在文本内容时展示粘贴选项
        if (clipboard.hasPrimaryClip() && clipboard.primaryClip?.itemCount ?: 0 > 0) {
            androidx.appcompat.app.AlertDialog.Builder(this)
                .setItems(arrayOf("粘贴")) { _, _ ->
                    val pasteText = clipboard.primaryClip?.getItemAt(0)?.text ?: ""
                    // 执行JS将内容插入到输入框光标位置
                    webView.evaluateJavascript("""
                        const el = document.activeElement;
                        el.value = el.value.slice(0, el.selectionStart) + '${pasteText.replace("'", "\\'")}' + el.value.slice(el.selectionEnd);
                    """.trimIndent(), null)
                }
                .show()
        }
        return@setOnLongClickListener true
    }
    return@setOnLongClickListener false
}

3. 前端方案的可行性说明 #

可以通过前端添加粘贴按钮实现，仅存在部分限制：

• 适用场景：Web页面运行在HTTPS/localhost安全上下文环境、WebView内核版本≥Chromium 66（对应Android 9及以上系统默认WebView）、可修改当前加载的前端页面代码
• 实现逻辑：前端添加粘贴按钮，绑定点击事件调用navigator.clipboard.readText()接口读取剪贴板内容，插入到输入框对应光标位置即可
• 限制：HTTP环境下Clipboard API会被浏览器安全策略禁止调用，Android 9以下版本系统WebView不支持该接口，会出现功能失效问题；如果加载的是第三方不可控页面，无法使用该方案。

内容的提问来源于stack exchange，提问作者skatehype