js中复制文本内容到剪切板

最新推荐文章于 2025-05-10 12:04:37 发布

转载最新推荐文章于 2025-05-10 12:04:37 发布 · 164 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/404code/p/9676056.html

本文介绍了一种使用JavaScript实现网页上特定元素内容复制到剪贴板的方法。通过创建一个隐藏的输入框并利用DOM操作实现选中及复制功能，适用于简单的文本内容复制场景。

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