前言
在html页面,点击按钮之后,把某段文字内容复制到剪切板,如本站的复制文章标题和链接按钮:
此教程使用的是这个插件:https://clipboardjs.com/
教程
前端
<a class="weizhanfz"><span>复制标题链接</span></a>
js引用及代码
<!--复制标题链接--> <script src="/static/default/template/pblog/js/clipboard.min.js"></script>//引用本插件js文件 <script> var clipboard = new ClipboardJS('.weizhanfz', { text: function() { return "{$title}-{$my_web_url}";//复制标题-本文链接地址(讯睿CMS标签) } }); clipboard.on('success', function(e) { console.log(e); layer.msg('复制成功');//复制成功执行内容 }); clipboard.on('error', function(e) { console.log(e); layer.msg('复制失败');//复制失败执行内容 }); </script> <!--复制标题链接end-->