js 或 ts如何将文本内容写入剪切板
dearweb
发布:2022-11-12 20:34:49阅读:
将内容写入剪贴板:
navigator.clipboard.writeText('Test Text'); / // 执行该语句会把 文本“Test Text”加入到剪切板中注意事项:
这种方式的写入许多浏览器默认权限下就可以成功调用,但前提是在使用navigator 中的clipboard 最好在document 生成后使用,否则控制台可能会报以下的错误信息
DOMException: Document is not focused.
建议进行对错误的捕获处理
navigator.clipboard.writeText('Test Text').catch(errormsg=>console.error(errormsg));使用案例
将在document 准备好后,将文本“Test Text”写入到剪切版中,当代码执行好按Ctrl + V 就可以粘贴该文本了。
<!DOCTYPE html>
<html>
<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>小礼物走一波,支持作者
赏还没有人赞赏,支持一波吧