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

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

一、总结

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

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

直接上代码:

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

该方法兼容所有浏览器~

 
 
 8         oInput.select(); // 选择对象
 9         document.execCommand("Copy"); // 执行浏览器复制命令
原文地址:https://www.cnblogs.com/Renyi-Fan/p/9185652.html