Jquery+clipboard.js库实现复制功能
作者:goaler, 来源:本站, 阅读:159, 发布时间:2023-07-08
需要引入jquery.js和库
clipboard.min.js
<div id="needCopyText">待复制的内容</div>
<span class="copyContent" data-clipboard-target="#needCopyText">复制</span>
//引入实例化clipboard.js, 注意这里不要用Clipboard而是ClipboardJS
var clipboard = new ClipboardJS('.copyContent');
clipboard.on('success', function(e) {//如果成功复制的话
//console.log('Action:', e.action);
//console.log('Text:', e.text);
//console.log('Trigger:', e.trigger);
console.log('复制成功');
});
clipboard.on('error', function(e) {//如果复制失败
console.log('复制失败,请手动复制');
clipboard.destroy();
});