使用clipboard.js实现复制内容至剪贴板

下载插件

clipboard.js是不依赖flash，实现复制内容至剪贴板的js插件。下载clipboard.js的压缩包，根据需要选择dist目录下的压缩或未压缩版。

github地址：https://github.com/zenorocha/clipboard.js/

例子

html部分

<button type="button" id="copy" data-copy="abc">复制</button>

js部分

var clipBoard = new Clipboard('#copy', {
	text: function(target) {
		console.log('target:', target)
		return target.getAttribute('data-copy');
	}
});
clipBoard.on('success', function(event) {
	console.log('event:', event);
	console.log('copy [' + event.text + ']' + ' to clipboard success');
});
clipBoard.on('error', function(error) {
	console.error('error:', error);
});

运行结果

在浏览器中运行，在控制台可以看到日志信息。

copy [abc] to clipboard success

检测当前环境是否支持

Clipboard.isSupported();

注：经测试，在手机浏览器上不支持。