js复制到剪贴板 兼容电脑手机以及提示代码 亲测有用

js复制到剪贴板是在网页切图中经常用到的效果之一，而剪贴板因为在不同设备下的语法略有差异，所以通常选择一个靠谱的复制剪贴板插件，通常主流的插件是Clipboard，所以这次采用了主流插件Clipboard，然后用到了主流的提示插件layer来做复制成功和失败的提示，而且也是考虑到了不同平台的差异，比如mac和win的复制快捷键的差异，所以提示也不一样，附代码，亲测有效

 

//复制微信
var clipboard = new Clipboard('#contactqr', {
text: function() {
return '13071939726';
}
});

clipboard.on('success', function(e) {

layer.msg('已复制客户代手机号，请前往微信加好友',{icon: 6});
});

clipboard.on('error', function(e) {
var ctrl = (navigator.userAgent.toLowerCase()).indexOf('mac') != -1 ? 'Command/Cmd' : 'CTRL';
layer.msg('添加失败\n您可以尝试通过快捷键' + ctrl + ' + D 加入到收藏夹~',{icon: 6});
console.log(e);
});

切图网常年致力于网页切图等前端开发服务，对于网页标准、浏览器的机制有深刻的了解，对于浏览器兼容差异非常熟悉，对于设计程序也略懂一些，这些都有利于我们在切图的时候更好的把握其中的细节。

原文链接：http://www.qietu.com/js-clipboard/