jq复制功能
分类: JavaScript 专栏: js和jquery 标签: jq复制功能
2023-10-19 20:59:53 142浏览
jq复制功能,自己记录一下笔记,也是找了一会
clipboard.js的使用
两种安装方式
- 通过npm工具安装
npm install clipboard --save
- 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)展开评论
暂无评论,快来写一下吧
展开评论
他的专栏
他感兴趣的技术