execCommand(“copy“)只能复制一次？

今天要复制一个表格列，document.execCommand("copy")一下子就好了。

然后，当我要复制下一列的时候，悲剧发生了。

值根本就没变，于是我又找到了万能的百度。最后代码如下：

html结构：

<table>
    <thead>
        <tr>
            <th>案件编号</th>
            <th>案件名称</th>
        </tr>
    </thead>
    <tbody>
        <tr ids="6502131621308097000" zpname=" null">
            <td>
                <div class="ajNumBox"><span class="ajNum" title="6502131621308096321">096321...<i
                            class="copyBox"><em>6502131621308096321</em><em class="copyBtn">复制</em></i></span>
                </div>
            </td>
            <td>null</td>
        </tr>
        <tr ids="6502311619058642000" zpname=" 京东商城测试9098-0422测试9098-0422">
            <td>
                <div class="ajNumBox"><span class="ajNum" title="6502311619058641771">641771...<i
                            class="copyBox"><em>6502311619058641771</em><em class="copyBtn">复制</em></i></span>
                </div>
            </td>
            <td><span title="京东商城测试9098-0422测试9098-0422">京东商城测试9098-0422...</span></td>
        </tr>
    </tbody>
</table>

js代码

// 点击复制
$(".copyBtn").click(function (e) {
    // 获取兄弟节点
    var brother = e.target.previousElementSibling.firstChild;
    // 创建range对象
    var range = document.createRange();
    range.selectNodeContents(brother);
    // 移除选中的元素
    window.getSelection().removeAllRanges();
    // 添加选中元素
    window.getSelection().addRange(range);
    // 复制
    document.execCommand("copy");
});

最后，感谢一下网友贡献的方法，真的很好使。

主要参考网址：https://blog.csdn.net/qq_24909089/article/details/109305238

https://www.w3school.com.cn/xmldom/dom_range.asp