clipboard.jsは動的にコンテンツを取得し、クリップボードにコピーすることができます.
1558 ワード
clipboard.jsを使用して、以下のステップに分けられます.
1.clipboard.jsのファイルを紹介する.
2.clipboardオブジェクトを新規作成する.
3.ボタンをクリックしてターゲットの中身を取得し、クリップボードにコピーします.
注意:1.ターゲットはdisplay:noneできません.隠してもコピーできません.隠す必要があれば、opacity:0を設定できます.
模索の末、プロジェクトに必要な機能を実現しました.簡単なデモは以下の通りです.
転載先:https://www.cnblogs.com/ampl/p/10081983.html
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