首页 > 其他 > 详细

Clipboard---将文本复制到剪切板上

时间:2019-04-22 13:41:13      阅读:117      评论:0      收藏:0      [点我收藏+]

 

第一步:链接 Clipboard 的js文件

< script  src =  https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js  > </ script >
或者 < script  src =  https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js  > </ script >
或者 < script  src =  https://rawcdn.githack.com/zenorocha/clipboard.js/v2.0.0/dist/clipboard.min.js  > </ script >
或者 < script  src =  https://unpkg.com/clipboard@2/dist/clipboard.min.js  > </ script >
或者 https://clipboardjs.com/ 直接下载文件

第二步:html代码

<span id="clipboard">被复制的内容</span>

<button data-clipboard-target="#clipboard" id="fuzhi">

第三步:写入以下js代码

// “类名、id”

var clipboard2 = new ClipboardJS("fuzhi", {

// 修改 text 的内容
text: function() {

// 返回 text 的内容

return document.getElementById("clipboard").innerText;
}
});

Clipboard---将文本复制到剪切板上

原文:https://www.cnblogs.com/Smile-W/p/10749312.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!