clipboard.js实现复制到剪切板

Posted THE BEST GIFT

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了clipboard.js实现复制到剪切板相关的知识,希望对你有一定的参考价值。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
</head>
<body>

<main class="wrap">

<div id="example-text" class="example">
<div data-clipboard-demo data-clipboard-action="copy" data-clipboard-text="hhaaaaaaah">Copy to clipboard</div>
</div>

<script src="https://clipboardjs.com/dist/clipboard.min.js"></script>
<script >
  var clipboardDemos=new ClipboardJS(‘[data-clipboard-demo]‘);
  //复制成功后的回调
  clipboardDemos.on(‘success‘,function(e){
    e.clearSelection();//释放内存
    console.info(‘Text:‘,e.text);
  });
 //复制失败后的回调
  clipboardDemos.on(‘error‘,function(e){
  });

</
script> </body> </html>

 

以上是关于clipboard.js实现复制到剪切板的主要内容,如果未能解决你的问题,请参考以下文章

clipboard.js实现复制到剪切板

clipboard.js-复制文本到粘贴板

js实现复制到剪切板

jquery复制值到剪切板(clipboard.js)

前端常用:复制到剪切板和下载

clipboard.js实现复制功能