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;
}
});