html+jquery 复制内容到粘贴板

 方法一

<textarea id="copy" style="display:none;"></textarea>
     
      
<script>

    $(".copy-btn").click(function() { 
        // console.log(1111111);
        var str=  "xxxxxx";

        $('#copy').text(str).show();
        var ele = document.getElementById("copy");
        ele.select();
        document.execCommand('copy', false, null);
        $('#copy').hide();
        alert('邮箱复制成功!');
    
  })

方法二

var copy_txt=function(){//无组件复制
        var _this =this;
        this.copy=function(txt){

            $("#input_copy_txt_to_board").val(txt);//赋值
            $("#input_copy_txt_to_board").removeClass("hide");//显示
            $("#input_copy_txt_to_board").focus();//取得焦点
            $("#input_copy_txt_to_board").select();//选择
            document.execCommand("Copy");
            $("#input_copy_txt_to_board").addClass("hide");//隐藏
        }

        //-----------
        let html ='<input type class="hide" id="input_copy_txt_to_board" value="" />';//添加一个隐藏的元素
        $("body").append(html);
    }


    function copyUrl(url){

        //使用方法
        var ct =new copy_txt();
        ct.copy(url);//把"xxx"复制到粘贴板

        $.show_success("复制成功！");

    }