有一需求,点击按钮要将某个值复制到剪贴板。
第一种,代码如下:
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("已复制好,可贴粘。"); }
网上找到了这两种写法,经过实践,切实可行。