jq复制功能

无敌的宇宙
无敌的宇宙
擅长邻域:Java,HTML,JavaScript,MySQL,支付,退款,图片上传

分类: JavaScript 专栏: js和jquery 标签: jq复制功能

2023-10-19 20:59:53 142浏览

jq复制功能,自己记录一下笔记,也是找了一会

clipboard.js的使用

两种安装方式

  1. 通过npm工具安装
npm install clipboard --save
  1. CDN引入
<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script>

使用:

<button class="btn btn-default btn-xs xxxfz" data-clipboard-text="被复制的内容" type="button" >复制</button>
var clipboard = new ClipboardJS('.xxxfz');

clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);

e.clearSelection();
alert('复制成功')
});

clipboard.on('error', function(e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
alert('复制失败')
});

好博客就要一起分享哦!分享海报

此处可发布评论

评论(0展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695