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

Posted 杜小二的博客(404code)

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中复制文本内容到剪切板相关的知识,希望对你有一定的参考价值。

 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>

 

以上是关于js中复制文本内容到剪切板的主要内容,如果未能解决你的问题,请参考以下文章

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

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

js 如何实现将div内的内容放到剪切板?

用js实现图片复制到剪切板的功能,兼容各种浏览器,例如IE,火狐、chome等。

js 剪切板的用法(clipboardData.setData)

js将内容复制到剪切板(最简单的实现方式)