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

第一种,代码如下:

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

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

01-15 00:14
查看更多