米
心情
所有
图集
登录
搜索
原创
简易-clipboard.js剪贴板复制工具的使用demo-最简洁版
一饮而尽
发布于:2020-07-02
简易-clipboard.js剪贴板复制工具的使用demo-最简洁版,实现了一个页面多个class的复制-缺点[有一丢丢耗内存] ##clipboard.js >现代化的拷贝文字 不依赖flash, 不依赖其他框架，gzip压缩后只有3kb大小 官网地址：http://www.clipboardjs.cn/ 本教程采用的是PHP语言，使用方式比较粗暴，如果有更好的方法欢迎大家留言~讨论 使用方法： 1：元素容器准备 ``` {foreach $list as $v} <button class="copySrc{$v.id}" data-clipboard-text="{$v.images.img}"> 复制链接 </button> {/foreach} ``` 2：js实现相关功能 ``` {foreach $list as $v} <script> var clipboard{$v.id} = new ClipboardJS('.copySrc{$v.id}'); clipboard{$v.id}.on('success', function(e) { console.info('Action:', e.action); console.info('Text:', e.text); console.info('Trigger:', e.trigger); success("复制成功"); e.clearSelection(); }); clipboard{$v.id}.on('error', function(e) { console.error('Action:', e.action); console.error('Trigger:', e.trigger); error("复制失败") }); </script> {/foreach} ```
注:原创不易,转载请注明出处(
https://micuu.com/new/546.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-21
上一篇：
网站一直在更新，今天将文章修改及面包屑导航加上了~
下一篇：
tp6的文件上传及缩略图生成详细实例
▶
珍藏视频
▶
10分钟高效燃脂
▶
30天高效瘦脸操
▶
5分钟缓解颈椎操
友人
→
微博
→
全民K歌
→
唱吧
→
今日头条
→
悠悠网
→
科技小锅盖
→
彼岸桌面
→
阮一峰
→
laravel社区
→
V2ex
→
掘金
+
更多
