ClipboardJS 的使用

最新推荐文章于 2024-07-22 08:55:10 发布

唐十八_wei

最新推荐文章于 2024-07-22 08:55:10 发布

阅读量2.4w

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/shibaweijin/article/details/122431107

版权

ClipboardJS 是将文本复制到剪贴板的一个方法，只需要引入一个js文件，就可以实现。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<!-- 这里引入了js文件 -->
<script src="./clipboard.js"></script>

<body>

  <textarea id="bar" cols="62" rows="5" autocomplete="off" autocorrect="off" autocapitalize="off"
    spellcheck="false">ClipboardJS的使用</textarea>

  <button class="btn" data-clipboard-action="copy" data-clipboard-target="#bar">
    Cut to clipboard
  </button>


  <script>
 	// 不行进行初始化
    var clipboard = new ClipboardJS('.btn');
    // 成功之后的操作 ，清空选中
    clipboard.on('success', function (e) {
      e.clearSelection();
    });
    // 失败的操作 
    clipboard.on('error', function (e) {
      console.error('Action:', e.action);
      console.error('Trigger:', e.trigger);
    });

  </script>
</body>

</html>

唐十八_wei

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ClipboardJS 的使用

ClipboardJS 是将文本复制到剪贴板的一个方法，只需要引入一个js文件，就可以实现。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, i
复制链接

扫一扫