提问者:小点点

使用ReactJS将文本复制到剪贴板


我在这个问题上已经被困了一段时间,找不到任何帮助我的东西,所以我希望有经验的人能帮我解决这个问题。

假设我有这个const:

const test="Hello World"。

如何在按钮上有一个onClick函数,当我单击它时,它会将测试字符串复制到用户剪贴板?


共2个答案

匿名用户

您可以在反应页面上添加按钮:

<button onClick={() =>  navigator.clipboard.writeText('Copy this text to clipboard')}>Copy</button>

匿名用户

要在剪贴板上复制文本,您可以在较旧的浏览器中使用Navigator. clipboardDocument.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");
  }
}}