jQuery+ clipboard实现复制内容效果

<!-- HTML 代码 -->
<a href="#" data-source="<a href='{php}echo $link{/php}'>[value->title]</a>" class="copy-link-btn layui-btn layui-btn-xs">复制链接</a>

<!-- 引入 jQuery 和 clipboard.js -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="clipboard.min.js"></script>

<script>
$(document).ready(function() {
  // 初始化 clipboard 实例
  var clipboard = new ClipboardJS('.copy-link-btn', {
    text: function(trigger) {
      return $(trigger).attr('data-source');
    }
  });

  // 复制成功后的提示信息
  clipboard.on('success', function(e) {
    alert('链接已复制！');
    e.clearSelection();
  });

  // 复制失败后的提示信息
  clipboard.on('error', function(e) {
    alert('复制链接失败，请手动复制！');
  });
});
</script>