clipboard.jsは動的にコンテンツを取得し、クリップボードにコピーすることができます.

1558 ワード

clipboard.jsを使用して、以下のステップに分けられます.
1.clipboard.jsのファイルを紹介する.
2.clipboardオブジェクトを新規作成する.
3.ボタンをクリックしてターゲットの中身を取得し、クリップボードにコピーします.
注意:1.ターゲットはdisplay:noneできません.隠してもコピーできません.隠す必要があれば、opacity:0を設定できます.
模索の末、プロジェクトに必要な機能を実現しました.簡単なデモは以下の通りです.
 

  

var clipboard = new Clipboard('.bt',{

            target: function(e) {
                var param = $(e).data("param");
                getCopyData(param);
            return document.querySelector('#copyTarget'); //      
            //return document.querySelector('input');        
        }
});

    clipboard.on('success', function(e) {
        alert('        ');
        console.log(e);
    });

    clipboard.on('error', function(e) {
        console.log(e);
    });
    function getCopyData(param){
        var infodata = "" ;
            $.ajax({
                url:"getInfo",
                type:"get",
                data:{"uid":param},
                dataType:"json",
                async:false,
                success:function(res){
                    infodata = res.data;  /*         */
                    $("#copyTarget").text(infodata);  /*      */
                },
                error:function(){
                    alert("    !") ;
                }
            })

    }

  
転載先:https://www.cnblogs.com/ampl/p/10081983.html