js將內容復制到剪貼板

有一需求，點擊按鈕要將某個值復制到剪貼板。

第一種，代碼如下：

    <div cols="20" id="biao1">12345678</div>
    <input type="button" onClick="copyUrl2()" value="點擊復制代碼" />

    function copyUrl2() {
      var Url2 = document.getElementById("biao1").innerText;
      var oInput = document.createElement("input");
      oInput.value = Url2;
      document.body.appendChild(oInput);
      oInput.select(); // 選擇對象
      document.execCommand("Copy"); // 執行瀏覽器復制命令
      oInput.className = "oInput";
      oInput.style.display = "none";
      alert("復制成功");
    }

第二種，代碼如下：

     <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("已復制好，可貼粘。");
     }

網上找到了這兩種寫法，經過實踐，切實可行。