当前位置:龙哥网 > 网络技术 > 点击复制链接jQuery插件clipboardjs(jquery复制节点的方法)

点击复制链接jQuery插件clipboardjs(jquery复制节点的方法)

longge5个月前 (12-17)网络技术84

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/

免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。#转载请注明出处!