之前也做过点击文本框内容自动复制的功能,但从来没遇到过点击非文本框自动复制的需求。在这里也一起记录下,如何实现这种情况。

<script src="https://cdn.bootcss.com/clipboard.js/1.7.1/clipboard.min.js"></script>
<script>
   var clipboard = new Clipboard('.hongbao', {
       text: function () {
           // 将要复制的文本内容放此处
           return '文本内容';
       }
   });
</script>

调用代码：

<button class="hongbao">点击复制文本</button>

如果这个button已经有个class属性了 直接用空格隔开 再写上hongbao
当然你还可以放到<div>标签中，自己试试看！