之前也做过点击文本框内容自动复制的功能,但从来没遇到过点击非文本框自动复制的需求。在这里也一起记录下,如何实现这种情况。
- <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>标签中，自己试试看！
