js 怎么实现复制内容？

Question

有一个div里有很多文字，
有一个按钮btn，复制文字

点击btn， 把div里的文字复制到剪切板， 能用js实现吗？

Answer 1

可以参考一下这个代码

<script type="text/javascript">
function copyUrl2()
    {
        var Url2=document.getElementById("biao1").innerText;
        var oInput = document.createElement('input');
        oInput.value = Url2;
        document.body.appendChild(oInput);
        oInput.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        oInput.className = 'oInput';
        oInput.style.display='none';
        alert('复制成功');
    }
</script>
<div cols="20" id="biao1">12345678</div>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />

Answer 2

使用dom对象的innerHTML属性或者outerHTML属性，不想要标签的话可以取innerText属性。

不过系统剪切板不一定能访问，你可以用一个全局变量来保存。

Answer 3

给你推荐一个第三方插件吧 clipboard.js
https://github.com/zenorocha/...