下面是一个简单的示例
<button οnclick="copyToClipboard()">复制</button>
<script>
function copyToClipboard() {
var text = "要复制的文本";
var input = document.createElement("textarea");
input.value = text;
document.body.appendChild(input);
input.select();
document.execCommand("copy");
document.body.removeChild(input);
alert("已复制到剪贴板!");
}
</script>
在这个示例中,创建了一个 <textarea>
元素,并将要复制的文本设置为其 value
属性。然后将该元素添加到文档中,选中该元素中的文本,执行 document.execCommand("copy")
将其复制到剪贴板,最后将该元素从文档中移除。当用户点击按钮时,调用 copyToClipboard()
方法即可。
请注意,execCommand()
方法在现代浏览器中已被废弃,但仍然可以使用。如果要使用更可靠的方法,请参考 Clipboard API。