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