js clipboard 剪贴板复制插件

最新推荐文章于 2021-10-12 08:36:58 发布

玫瑰花开一片一片

最新推荐文章于 2021-10-12 08:36:58 发布

阅读量524

点赞数

分类专栏： JAVASCRIPT VUE.JS CSS

JAVASCRIPT 同时被 3 个专栏收录

83 篇文章 0 订阅

订阅专栏

VUE.JS

62 篇文章 1 订阅

订阅专栏

CSS

11 篇文章 0 订阅

订阅专栏

clipboard.js 下载

链接：https://pan.baidu.com/s/1_38F2VNSXnNHCm__R6PWEg 
提取码：lwba

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>this is 方案 1 </title>
    <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
    <!--以下三个是备用  浏览器打不开第一个 换下面的-->
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>-->
    <!--<script src="https://cdn.rawgit.com/zenorocha/clipboard.js/v2.0.0/dist/clipboard.min.js"></script>-->
    <!--<script src="https://unpkg.com/clipboard@2.0.0/dist/clipboard.min.js"></script>-->
</head>
<body>
<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">
 
<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
  Copy to clipboard
</button>
 
<hr>
<br>
<!-- Trigger -->
<button class="btn" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js">
    Copy to clipboard
</button>
 
<script>
    //必须要初始化 第一种初始化
    var clipboard = new ClipboardJS('.btn');
    clipboard.on('success', function(e) {
        console.log(e);
    });
    clipboard.on('error', function(e) {
        console.log(e);
    });
 
 
</script>
</body>
</html>

玫瑰花开一片一片

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js clipboard 剪贴板复制插件

clipboard.js下载链接：https://pan.baidu.com/s/1_38F2VNSXnNHCm__R6PWEg提取码：lwba<!DOCTYPE html><head> <meta charset="UTF-8"> <title>this is 方案 1 </title> &...
复制链接

扫一扫

专栏目录