如何使用 JavaScript/jQuery onClick 将文本从 <p> 标签复制到剪贴板?
How to onClick copy text to clipboard from a <p> tag using JavaScript/jQuery?
这就是我的。
<p class="right-side-header" title="Copy Text" id="text">I am cool</p>
现在的问题是,JavaScript 允许我复制 <p>
标签中的任何文本。我是 JavaScript 的新手。我不知道该怎么做。
如何将上述元素的innerText
复制到剪贴板?
您可以使用我的回答中的相同功能 :
function copyElementText(id) {
var text = document.getElementById(id).innerText;
var elem = document.createElement("textarea");
document.body.appendChild(elem);
elem.value = text;
elem.select();
document.execCommand("copy");
document.body.removeChild(elem);
}
<p class="right-side-header" title="Copy Text" id="text" onclick="copyElementText(this.id)">I am cool</p>
这就是我的。
<p class="right-side-header" title="Copy Text" id="text">I am cool</p>
现在的问题是,JavaScript 允许我复制 <p>
标签中的任何文本。我是 JavaScript 的新手。我不知道该怎么做。
如何将上述元素的innerText
复制到剪贴板?
您可以使用我的回答中的相同功能
function copyElementText(id) {
var text = document.getElementById(id).innerText;
var elem = document.createElement("textarea");
document.body.appendChild(elem);
elem.value = text;
elem.select();
document.execCommand("copy");
document.body.removeChild(elem);
}
<p class="right-side-header" title="Copy Text" id="text" onclick="copyElementText(this.id)">I am cool</p>