js实现复制文本内容到剪切板

js实现复制文本内容到剪切板

一、总结

一句话总结：就是document的execCommand('copy')方法

二、js实现复制文本内容到剪切板

直接上代码：

<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="点击复制代码" />

该方法兼容所有浏览器~

 

 

 8         oInput.select(); // 选择对象
 9         document.execCommand("Copy"); // 执行浏览器复制命令