如何实现复制表格行元素粘贴到其他文本区域，.copy()方法失效求解决方案

功能调整实现方案 #

jQuery本身没有内置.copy()方法，你调用该方法不生效属于正常情况，可结合浏览器原生Clipboard API实现选中表格行内容复制到剪贴板，具体调整如下：

实现逻辑说明

保留你现有的删除选中行代码，新增复制按钮的触发逻辑即可，和现有选中行的判断规则保持一致：

// 原有删除选中行逻辑不变
$(".delete-row").click(function(){
    $("table tbody").find('input[name="record"]').each(function(){
        if($(this).is(":checked")){
            $(this).parents("tr").remove();
        }
    });
});

// 新增复制选中行逻辑，给触发复制的按钮加对应类名即可，示例类名为copy-row
$(".copy-row").click(async function(){
    let copyContent = '';
    // 遍历所有选中的行，拼接需要复制的内容
    $("table tbody").find('input[name="record"]').each(function(){
        if($(this).is(":checked")){
            // 示例为提取每行单元格的文本，用制表符分隔，适配粘贴到Excel/记事本等场景
            const rowText = $(this).parents('tr').find('td').map(function(){
                return $(this).text().trim();
            }).get().join('\t');
            copyContent += rowText + '\n';
        }
    });

    if(!copyContent.trim()) {
        alert('请先选择需要复制的行');
        return;
    }

    try {
        // 优先使用标准剪贴板API
        await navigator.clipboard.writeText(copyContent);
        alert('复制成功');
    } catch (error) {
        // 旧版浏览器降级兼容方案
        const tempTextarea = document.createElement('textarea');
        tempTextarea.value = copyContent;
        document.body.appendChild(tempTextarea);
        tempTextarea.select();
        document.execCommand('copy');
        document.body.removeChild(tempTextarea);
        alert('复制成功');
    }
});

自定义调整说明

• 如果需要复制带格式的HTML内容而非纯文本，可将拼接内容改为行的outerHTML，对应剪贴板写入方法替换为navigator.clipboard.write传入HTML格式数据即可
• 单元格内容的分隔符可以根据实际需求调整，比如用逗号分隔导出为CSV格式
• 剪贴板API仅在HTTPS环境或者localhost本地调试环境下可用，线上部署需要保证站点是HTTPS协议

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