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/