H5复制粘贴双端适配解决方案(最新版)
时间:2023-04-05 18:57:02
HTML5
前言所有机型最终适配解决方案基于clipboardjs官网https://clipboardjs.com/这个库由几家不同的CDN提供商托管。选择你喜欢的:)推荐版本v1.7.1以下版本是v2.0.4jsDelivrcdnjsRawGitunpkgHTML部分根据clipboard提供的API编写
JS//复制$('.copy_btn').each(function(i,e){var_target=$(e).parent().find('.copy_code').attr('class').split('copy_code')[1];$(e).attr('数据剪贴板目标','.'+_target).addClass(_target+'_btn');//console.log(_target);clipboard=newClipboard('.'+_target+'_btn');clipboard.on('success',function(e){e.clearSelection();alert('复制成功。');});clipboard.on('error',function(e){alert('复制失败,请手动选择复制。');});});segmentfault上的其他相关分享使用剪贴板实现将前端页面复制到剪贴板的功能Vue配合clipboard.js实现点击按钮将内容复制到剪贴板