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("已复制好,可贴粘。");
     }

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

原文地址:https://www.cnblogs.com/xguoz/p/11650260.html