Js 点击复制 [ 奇巧淫技 ]
大数据男孩 文章 正文
明妃
{{nature("2022-08-14 17:23:15")}}更新引用地址
https://cdn.bootcss.com/clipboard.js/1.7.1/clipboard.min.js
案例
注意标签里的
data-clipboard-target
- data-clipboard-target:后面是需要复的标签选择器
<span id="sentence" style="font-size: 2rem;" data-clipboard-target="#sentence"></span>
<script type="text/javascript">
var btn=document.getElementById('sentence');
var clipboard=new Clipboard(btn);
clipboard.on('success', function(e){
// 复制成功动画
$('#show').slideDown().delay(1500).slideUp(300);
console.log(e);
});
clipboard.on('error', function(e){
// 复制失败动画
$('#show').slideDown().delay(1500).slideUp(300);
console.log(e);
});
</script>
{{nature('2020-01-02 16:47:07')}} {{format('12521')}}人已阅读
{{nature('2019-12-11 20:43:10')}} {{format('9409')}}人已阅读
{{nature('2019-12-26 17:20:52')}} {{format('7404')}}人已阅读
{{nature('2019-12-26 16:03:55')}} {{format('4878')}}人已阅读
目录
标签云
一言
评论 0
{{userInfo.data?.nickname}}
{{userInfo.data?.email}}