zoukankan      html  css  js  c++  java
  • 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("已复制好,可贴粘。");
         }

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

  • 相关阅读:
    webpack:loader编写
    架构之路:从概念开始
    AtCoder Regular Contest 114(A-C)
    12-UE4-控件类型
    10-UE4-蓝图定义简介
    11-UE4-UMG UI设计器
    UE4-目录结构简介
    UE4-字符串
    官方Spring Boot starters整理
    Java是引用传递还是值传递?
  • 原文地址:https://www.cnblogs.com/xguoz/p/11650260.html
Copyright © 2011-2022 走看看