之前也做过点击文本框内容自动复制的功能,但从来没遇到过点击非文本框自动复制的需求。在这里也一起记录下,如何实现这种情况。
- <scriptsrc=“https://cdn.bootcss.com/clipboard.js/1.7.1/clipboard.min.js”></script>
- <script>
- var clipboard =newClipboard(‘.hongbao’,{
- text:function(){
- // 将要复制的文本内容放此处
- return‘文本内容’;
- }
- });
- </script>
- <buttonclass=“hongbao”>点击复制文本</button>
如果这个button已经有个class属性了 直接用空格隔开 再写上hongbao
当然你还可以放到<div>标签中,自己试试看!