js復(fù)制到剪貼板 兼容電腦手機(jī)以及提示代碼 親測(cè)有用
js復(fù)制到剪貼板是在網(wǎng)頁切圖中經(jīng)常用到的效果之一,而剪貼板因?yàn)樵诓煌O(shè)備下的語法略有差異,所以通常選擇一個(gè)靠譜的復(fù)制剪貼板插件,通常主流的插件是Clipboard,所以這次采用了主流插件Clipboard,然后用到了主流的提示插件layer來做復(fù)制成功和失敗的提示,而且也是考慮到了不同平臺(tái)的差異,比如mac和win的復(fù)制快捷鍵的差異,所以提示也不一樣,附代碼,親測(cè)有效

//復(fù)制微信var clipboard = new Clipboard('#contactqr', {text: function() {return '13071939726';}});clipboard.on('success', function(e) {layer.msg('已復(fù)制客戶代手機(jī)號(hào),請(qǐng)前往微信加好友',{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);});
切圖網(wǎng)常年致力于網(wǎng)頁切圖等前端開發(fā)服務(wù),對(duì)于網(wǎng)頁標(biāo)準(zhǔn)、瀏覽器的機(jī)制有深刻的了解,對(duì)于瀏覽器兼容差異非常熟悉,對(duì)于設(shè)計(jì)程序也略懂一些,這些都有利于我們?cè)谇袌D的時(shí)候更好的把握其中的細(xì)節(jié)。