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