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

下载插件

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

github地址：/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();

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