jQuery+ clipboard实现复制内容效果
2023-07-06 16:07:45
<!-- 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>
【责任编辑:超级管理员】
关键字:
小米笔记本字母键盘错乱解决办法-不用Num Lock键的方法 pboot:list 调用tag链接,以及内容页和全站tag调用方法最新文章
2021-05-10 09:29
- pbootcms栏目三级分类循环与判断,更多级别也可以。
- 简单实现 网站转微信小程序,并且让他支持 转发给朋友 功能
- dede 电脑端和手机端首页同步生成方法,
- excel表格导入access中不换行解决办法-
- dede完美上下篇 英文版替换标签 dede:prenext 中英
- dede中英文网站栏目条调用方法
- dede双语站 面包导航{dede:field name='position'}
- PS: 无法完成请求,因为某种原因阻止文本引擎进行
- dede企业网站常见左侧固定大小类二级菜单调用代码
- 栏目页dede:channelartlist调用下级子类并dede:arcl
- dede:channelartlis 判断是否有子类栏目
- 更换织梦后台图集上传flash插件为layui上传模块
相关文章
2021-05-10 09:29