以前很多人都是用ZeroClipboard.js来实现网页复制内容,火端也是用它。ZeroClipboard是利用flash来实现的,ZeroClipboard兼容性很好,但是由于现在越来越多的浏览器不支持flash,导致一些没法正常使用了。
今天火端开始使用clipboard.js来复制网页文本内容了,clipboard.js不需要flash,也不依赖其它的js库,min版仅11KB,GZIP压缩后仅3KB,非常的小巧。
使用起来也非常的简单,代码如下:
点击复制
new Clipboard('.btn');
如果要添加事件,可以这样
点击复制
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
alert("复制成功!");
e.clearSelection();
});
clipboard.on('error', function(e) {
alert("复制失败!");
});
支持的浏览器如下:
还有更多例子以及下载请看官网:https://clipboardjs.com/
或者直接下载:https://github.com/zenorocha/clipboard.js/archive/master.zip