js将内容复制到剪贴板


有一需求,点击按钮要将某个值复制到剪贴板。

第一种,代码如下:

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

第二种,代码如下:

     <textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
     <input type="button" onClick="copyUrl3()" value="点击复制代码" />
 
 
     function copyUrl3() {
       var Url2 = document.getElementById("biao1");
       Url2.select(); // 选择对象
       document.execCommand("Copy"); // 执行浏览器复制命令
       alert("已复制好,可贴粘。");
     }

网上找到了这两种写法,经过实践,切实可行。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM