使用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();

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