如何使用JavaScript将文本复制到剪贴板?
大家好!我是一名前端开发新手,遇到了一个看似简单的任务:需要制作一个按钮,将某些文本(例如链接或代码)复制到用户的剪贴板。我尝试了几篇旧文章中的方法,但它们要么运行不正常,要么在现代浏览器中根本不起作用。\n\n以下是我尝试过的代码:\n\n```javascript\nfunction copyText() {\n const text = document.getElementById('myText').innerText;\n // 尝试使用 execCommand\n const textarea = document.createElement('textarea');\n textarea.value = text;\n document.body.appendChild(textarea);\n textarea.select();\n document.execCommand('copy');\n document.body.removeChild(textarea);\n alert('已复制!');\n}\n```\n\n这段代码在旧浏览器中有效,但在Chrome控制台中我看到警告,提示`execCommand`已弃用。此外,它会在DOM中创建多余的元素,这看起来像是一个临时解决方案。我还听说过Clipboard API,但不知道如何正确使用它。