首页 > Web开发 > 详细

clipboard.js实现复制到剪切板

时间:2018-09-14 17:02:57      阅读:221      评论:0      收藏:0      [点我收藏+]
<!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实现复制到剪切板

原文:https://www.cnblogs.com/lr-blog/p/9647473.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!