html5复制api,H5复制粘贴双端适配的解决方案（最新版）

前言

最终适配所有机型的方案基于clipboardjs

官网https://clipboardjs.com/

这个库由几个不同的CDN提供商托管。选择你最喜欢的：)

建议使用 v1.7.1 版本

以下版本为 v2.0.4

jsDelivr

cdnjs

RawGit

unpkg

HTML部分按照clipboard提供的API进行编写

JS

// 复制

$('.copy_btn').each(function(i,e){

var _target=$(e).parent().find('.copy_code').attr('class').split('copy_code ')[1];

$(e).attr('data-clipboard-target','.'+_target).addClass(_target+'_btn');

// console.log(_target);

clipboard = new Clipboard('.'+_target+'_btn');

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

e.clearSelection();

alert('复制成功。');

});

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

alert('复制失败,请手动选择复制。');

});

});