点击复制链接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/

关键词: jquery插件