我在这个问题上已经被困了一段时间,找不到任何帮助我的东西,所以我希望有经验的人能帮我解决这个问题。
假设我有这个const:
const test="Hello World"。
如何在按钮上有一个onClick函数,当我单击它时,它会将测试字符串复制到用户剪贴板?
您可以在反应页面上添加按钮:
<button onClick={() => navigator.clipboard.writeText('Copy this text to clipboard')}>Copy</button>
要在剪贴板上复制文本,您可以在较旧的浏览器中使用Navigator. clipboard
和Document.expCommand()
。
onClick={async () => {
if ("clipboard" in navigator) {
await navigator.clipboard.writeText("Text which you want to copy");
} else {
document.execCommand("copy", true, "Text which you want to copy");
}
}}