html:
<div>
<input id="content" style="display: none" value=""/>
<button class="copybtn" data-clipboard-target="#content">复制链接< /button>
</div>
js:
Mock.mock(
'http://mockjs', {'tableData|1':[{
"data" : 'Hello world',
}]
});
//ajax请求
$.ajax({
url : "http://mockjs", //请求的url地址
dataType : "json", //返回格式为json
async : false, //请求是否异步,默认为异步,这也是ajax重要特性
data : {}, //参数值
type : "GET", //请求方式
success: function(req) {
//请求成功时处理
console.log(req.tableData.data);
$('#content').val(req.tableData.data)
// nametext=req.tableData.name
},
});
var clipboard = new ClipboardJS(".copybtn",{
//默认copy
text:function(tigger){
return $('#content').val()
}
});
clipboard.on('success', function(e) {
alert('复制成功')
});
clipboard.on('error', function(e) {
alert('复制失败')
});