怎么navigator.clipboard.writeText()方法来将文本复制到剪贴板中
时间: 2024-01-26 17:11:50 浏览: 241
clipboard.js复制文本到剪贴板
navigator.clipboard.writeText() 方法是一种用于将文本复制到剪贴板的方法。它可以通过以下代码实现:
```
navigator.clipboard.writeText('要复制的文本');
```
该方法返回一个 Promise 对象,可以使用 then 和 catch 方法来处理它的结果。如果复制成功,则返回 Promise 对象并传递复制的文本,否则返回 Promise 对象并传递错误信息。以下是一个完整的示例:
```
<button onclick="copyToClipboard()">复制文本</button>
<script>
function copyToClipboard() {
const textToCopy = '要复制的文本';
navigator.clipboard.writeText(textToCopy)
.then(() => {
console.log('已成功复制到剪贴板:', textToCopy);
})
.catch((err) => {
console.error('无法复制到剪贴板:', err);
});
}
</script>
```
当用户单击按钮时,将调用 copyToClipboard() 函数,并将文本复制到剪贴板中。如果成功复制,控制台将输出“已成功复制到剪贴板: [要复制的文本]”;如果复制失败,控制台将输出“无法复制到剪贴板: [错误信息]”。
阅读全文