自定义菜单实现复制后，如何将剪贴板内容粘贴到WebView的HTML聚焦文本框？

我来帮你搞定这个WebView粘贴的问题！你已经实现了复制功能，现在要在HTML文本框聚焦时完成粘贴，核心思路是通过JavaScript把剪贴板内容插入到当前激活的输入元素中，具体步骤和代码如下：

步骤1：完善自定义菜单点击监听器的粘贴逻辑 #

在你的CustomMenuItemClickListener里添加粘贴的case，先从剪贴板获取文本，再通过evaluateJavascript执行JS代码将内容插入到WebView的聚焦输入框：

private class CustomMenuItemClickListener implements MenuItem.OnMenuItemClickListener {
    @Override
    public boolean onMenuItemClick(MenuItem item) {
        final ClipboardManager clipboard = (ClipboardManager) getSystemService(Context.CLIPBOARD_SERVICE);
        switch (item.getItemId()) {
            case R.id.copy:
                // 你已有的复制逻辑
                webView.evaluateJavascript("(function(){return window.getSelection().toString();})()", new ValueCallback<String>() {
                    @Override
                    public void onReceiveValue(String value) {
                        if (value != null && !value.isEmpty()) {
                            ClipData clipData = ClipData.newPlainText("Copied Text", value.replace("\"", ""));
                            clipboard.setPrimaryClip(clipData);
                            // 可选：提示用户复制成功
                        }
                    }
                });
                return true;
            case R.id.paste:
                // 粘贴逻辑开始
                if (clipboard.hasPrimaryClip() && clipboard.getPrimaryClip().getItemCount() > 0) {
                    final String pasteText = clipboard.getPrimaryClip().getItemAt(0).getText().toString();
                    // 执行JS将内容插入到当前聚焦的输入框
                    webView.evaluateJavascript("(function(text){" +
                            "var activeElem = document.activeElement;" +
                            "if (activeElem.tagName === 'INPUT' || activeElem.tagName === 'TEXTAREA' || activeElem.isContentEditable) {" +
                            "    var start = activeElem.selectionStart;" +
                            "    var end = activeElem.selectionEnd;" +
                            "    activeElem.value = activeElem.value.substring(0, start) + text + activeElem.value.substring(end);" +
                            "    // 调整光标到粘贴内容的末尾" +
                            "    activeElem.selectionStart = activeElem.selectionEnd = start + text.length;" +
                            "}" +
                            "})('" + pasteText.replace("'", "\\'") + "')", null);
                }
                return true;
            default:
                return false;
        }
    }
}

关键细节说明 #

• 定位目标元素：用document.activeElement精准获取WebView中当前处于焦点状态的输入框、文本域甚至可编辑内容块，确保内容粘贴到正确位置。
• 优化粘贴体验：通过selectionStart和selectionEnd获取光标位置或选中范围，把粘贴内容插入到光标处（有选中内容时直接替换），同时自动调整光标到粘贴内容的末尾，符合用户操作习惯。
• 避免语法错误：对粘贴文本中的单引号做转义处理（replace("'", "\\'")），防止JavaScript代码执行时出现语法异常。

额外注意事项 #

• 确保你的自定义菜单能在WebView的文本框聚焦时正常触发，可以通过重写WebView的onCreateContextMenu方法来控制菜单的显示时机。
• 代码兼容了contentEditable="true"的可编辑元素，覆盖了更多Web页面场景。

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