html页面点击按钮,复制文字内容到剪切板

前言

    在html页面,点击按钮之后,把某段文字内容复制到剪切板,如本站的复制文章标题和链接按钮:

image

此教程使用的是这个插件: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-->

提示:

本文含下载附件,登录后即可下载


THE END

文章版权:作者:鲁豫    

免责声明:本站提供的一切软件、插件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

本文最后更新于 2022-12-07 13:47:20,如果你的问题还没有解决,可以加入建站交流群和群友们一起讨论。

评论区