1. 将内容写入剪贴板:
navigator.clipboard.writeText('Test Text'); / // 执行该语句会把 文本“Test Text”加入到剪切板中
2. 注意事项:
这种方式的写入许多浏览器默认权限下就可以成功调用,但前提是在使用navigator 中的clipboard 最好在document 生成后使用,否则控制台可能会报以下的错误信息
DOMException: Document is not focused.
建议进行对错误的捕获处理
navigator.clipboard.writeText('Test Text').catch(errormsg=>console.error(errormsg));
3.简单的使用案例:
将在document 准备好后,将文本“Test Text”写入到剪切版中,当代码执行好按Ctrl + V 就可以粘贴该文本了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script defer>
navigator.clipboard.writeText('Test Text').catch(e=>console.error(e));
</script>
</head>
<body>
Hello
</body>
</html>