位置:首页 > web前端 > javascript

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>


24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言(问题紧急可添加微信 xxl18963067593) 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

本刊热文
网友在读
手机扫码查看 手机扫码查看