动态文本复制功能ClipboardJS

html:



复制链接

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('复制失败')
        });

你可能感兴趣的:(前端技术)