欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

点击按钮 复制文本 使用clipboard.js复制页面内容到剪切板

程序员文章站 2022-05-14 22:13:30
...
2、引入js:
<script src="js/clipboard.min.js"></script>
3、html
<input id="foo" readonly value="this is copy text! ">
<div id="copy" data-clipboard-target="#foo" aria-label="Copy complete!">
   copy
</div>
4、js
<script type="text/javascript">
   var clipboard = new Clipboard('#copy');
   clipboard.on('success', function(e) {
      var msg = e.trigger.getAttribute('aria-label');
      alert(msg);
      e.clearSelection();
   });
</script>