点击复制链接jQuery插件clipboardjs
clipboardjs插件可以实现点击文本复制到剪贴板的效果,常见的应用有点击复制链接。clipboardjs插件小巧简单,压缩后仅有11KB大小,且没有过多的配置,不依赖Flash以及任何臃肿的框架,且兼容性好,基本支持目前主流的PC端和手机端浏览器,如IE9+、Chrome 42+、Edge 12+、Firefox 41+、Opera 29+、Safari10+
插件官方:
1、插件下载
https://github.com/zenorocha/clipboard.js/releases
2、使用示例:
示例一
引用插件
<script src="../js/clipboard.min.js"></script>
HTML代码:
<a class="btn" data-clipboard-text="http://www.neirong.org" href="javascript:void(0);">复制链接</a>
jQuery代码:
<script> var clipboard = new ClipboardJS('.btn'); /*复制成功或失败后提示,不需要可删除*/ clipboard.on('success', function(e) { alert('已经复制到剪切版'); }); clipboard.on('error', function(e) { console.log('复制失败'); }); /*复制成功或失败后提示,不需要可删除*/ </script>
示例二
<p id="link">http://www.neirong.org</p> <button class="btn" data-clipboard-target="#link">复制链接</button>
更多参数或示例请访问:https://clipboardjs.com/
<< 上一篇