官网地址:
https://clipboardjs.com/
下载地址:
https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js
使用:
- 引入
clipboard.min.js
- 定义一个
button
按钮,注意按钮的属性:data-clipboard-action="copy"
表示是复制行为,data-clipboard-text=‘XXX’
,XXX表示你要复制的内容
html代码为
<button class="btn" data-clipboard-action="copy" data-clipboard-text="复制的内容">
- 写上js
var clipboard = new ClipboardJS('.类名');
clipboard.on('success', function(e) {
alert('复制成功,您复制的链接为'+e.text);
e.clearSelection();
});
clipboard.on('error', function(e) {
alert('复制失败')
});
网友评论