zoukankan      html  css  js  c++  java
  • 使用JS实现复制粘贴功能

    使用JS实现复制粘贴功能

    如果嵌套太多使用这个:

    
    
    // 複製單號1
    // 第一步把這個放到頁面
    // <div style="position:absolute; opacity: 0;" id="copy1"></div>
    // 第二步增加按鈕設置點擊事件
    // 第三如下:
    copyNo() {
    const a = document.createElement('textarea')
    let b;
    if (this.myshow) {
    a.innerText = this.aaa[this.aaa.ccc] || '';
    } else {
    a.innerText = this.bb|| '';
    }
    b = document.getElementById('copy1')
    a.setAttribute('id', 'copy');
    b.innerHTML = "";
    b.appendChild(a)
    let e: any = document.getElementById("copy");
    e.select(); // 选择对象
    document.execCommand("Copy"); // 执行浏览器复制命令
    if (a.value) {
    alert('Copy Success!');
    } else {
    alert('The copied content is empty!');
    }
    }
    // 複製單號2
     

    如果是简单地输入框没有太多嵌套,使用这个:

    <!DOCTYPE html>
    <html>
    <head>
    <script type="text/javascript">
    function copyLink(){
        var e = document.getElementById("copy");
        e.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        alert("内容复制成功!");
    }
    </script>
    </head>
    <body>
    <!-- <textarea id="copy">待复制的内容</textarea> -->
    <input type="text"  id="copy">
    <input type="button" onclick="copyLink()" value="点击复制"></input>
    </body>
    </html>
  • 相关阅读:
    Unity3D之如何将包大小减少到极致
    3DMAX 如何将删去的面补回来
    3DMAX 7 角色建模1 人头建模
    Unity json
    unity资源管理
    unity 引入 android第三方sdk
    unity调用Android的jar包
    Unity3D游戏开发之Unity与Android交互调用研究
    unity3d easytouch教程
    Unity手游之路游戏摇杆之Easy Touch 3教程
  • 原文地址:https://www.cnblogs.com/sugartang/p/12066799.html
Copyright © 2011-2022 走看看