如何从<p>标记复制数据[复制到剪贴板]

Question

我的查询是关于div标签或pre标签或一个标签（除了输入以外的任何标签）中可用的复制数据。因此，这些标记中可用的数据应该复制到剪贴板上，就像我点击按钮一样

Answer 1

您可以使用javascript来实现。

<p id="text_element">Copy this !</p>
<button onclick="copyToClipboard('text_element')">
Copy to clipboard
</button>

现在使用以下脚本

function copyToClipboard(elementId) {
var aux = document.createElement("input");
aux.setAttribute("value", document.getElementById(elementId).innerHTML);
document.body.appendChild(aux);
aux.select();
document.execCommand("copy");
document.body.removeChild(aux);}
function log() {
console.log('---')
}

此功能正在创建隐藏的输入。然后执行复制命令。最后，它是从身体上移除输入