target 自定义复制对象
在线案例源码页面:可以查看、编辑、执行、下载、复制
在线案例源码页 >>
在线案例源码页 >>
<!-- Target -->
<div id="op">需要被复制的内容</div>
<!-- Trigger -->
<input id="btn1" type="button" onclick="copy()" value="复制内容1">
<script>
//自定义复制函数
function copy() {
var clipboard = new ClipboardJS('#btn1', {
target: function (trigger) {
//需要被复制内容的Dom元素对象
return document.getElementById("op");
}
});
clipboard.on('success', function (e) {
e.clearSelection();
document.getElementById("msg").innerHTML = "复制成功";
});
clipboard.on('error', function (e) {
document.getElementById("msg").innerHTML = "复制失败";
});
}
</script>
版权声明:他人将便捷教程网提供的内容与服务用于商业、盈利、广告性目的时,需得注明出处,转载时请附上原文出处链接及本声明。
原文链接:http://jc.bian-jie.cn/search/JC_clipboard/1/7982.html