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

第一步:链接 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;
}
});

猜你喜欢

转载自www.cnblogs.com/Smile-W/p/10749312.html
今日推荐