我需要一些 JavaScript 来制作一些文本,以便在您单击按钮时复制您的剪贴板。我已在下面附加了按钮 HTML。注意:我有多个按钮。
<button id="TextToCopy"><img src="button_image.png" onclick="ClipBoard(this)"></button>
我正在考虑为每个按钮做一个这样的 if 语句,但不知道如何复制文本。
function ClipBoard(x) {
if (x.id == "TextToCopy")
var copyText = "TextToCopy";
你可以使用这种函数来做到这一点:
(请注意,由于您不应该使用内联 JavaScript,因此我删除了您的onclick
在 HTML 中。)
function Clipboard_CopyTo(value) {
var tempInput = document.createElement("input");
tempInput.value = value;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand("copy");
document.body.removeChild(tempInput);
}
document.querySelector('#Copy').onclick = function() {
Clipboard_CopyTo('Text to copy!');
}
<button id="Copy">Copy “Text to copy!” to clipboard</button>
<br><br>
<input placeholder="Paste here, to try!">
此函数创建一个临时输入,复制文本后将其删除。
希望能帮助到你。
⋅ ⋅ ⋅
对于多行文本,textarea
可以使用。
function Clipboard_CopyTo(value) {
var tempInput = document.createElement("textarea");
tempInput.value = value;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand("copy");
document.body.removeChild(tempInput);
}
document.querySelector('#Copy').onclick = function() {
Clipboard_CopyTo('Text to copy\non multiple lines.');
}
<button id="Copy">Copy to clipboard</button>
<br><br>
<textarea placeholder="Paste here, to try!"></textarea>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)