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>
小礼物走一波,支持作者
赏还没有人赞赏,支持一波吧