如何从标签复制数据 <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('---')
}

此功能正在创建一个隐藏的输入。然后它执行复制命令。最后，它从身体中删除了输入